@font-face {
  font-family: 'YouShe';  /* 为字体命名 */
  src: url('/fonts/you.ttf') format('truetype');  /* 路径根据实际位置调整 */
  font-weight: normal;  /* 字体粗细 */
  font-style: normal;   /* 字体样式（正常/斜体） */
  font-display: swap;   /* 优化字体加载显示 */
}

.login-container[data-v-24fce2b7] {
	min-height: 100vh;
	display: flex;
	flex-direction: column;
	align-items: center;
	background-color: #fff;
	padding: 60px 24px 20px;
	box-sizing: border-box
}

.login-title[data-v-24fce2b7] {
	font-size: 22px;
	font-weight: 600;
	margin-bottom: 50px;
	color: #1a73e8;
	text-align: center
}

.input-group[data-v-24fce2b7] {
	width: 100%;
	max-width: 340px;
	margin-bottom: 28px
}

.input-label[data-v-24fce2b7] {
	font-size: 15px;
	color: #333;
	margin-bottom: 10px;
	text-align: left
}

.input-group input[data-v-24fce2b7] {
	width: 100%;
	height: 48px;
	border-radius: 8px;
	padding: 0 14px;
	box-sizing: border-box;
	font-size: 16px;
	background-color: #f5f5f5;
	border: none;
	outline: none
}

.input-group input[data-v-24fce2b7]:focus {
	background-color: #ebebeb
}

.login-btn[data-v-24fce2b7] {
	width: 100%;
	max-width: 340px;
	height: 50px;
	margin-top: 30px;
	background-color: #4285f4;
	color: #fff;
	border-radius: 10px;
	font-size: 17px;
	font-weight: 500;
	border: none;
	cursor: pointer
}

.login-btn[data-v-24fce2b7]:active {
	background-color: #3367d6
}

.slide-chat-detail-enter-active[data-v-1ebf9b68] {
	transition: transform .4s cubic-bezier(.32, .72, 0, 1)
}

.slide-chat-detail-leave-active[data-v-1ebf9b68] {
	transition: transform .35s cubic-bezier(.32, .72, 0, 1)
}

.slide-chat-detail-enter-from[data-v-1ebf9b68],
.slide-chat-detail-leave-to[data-v-1ebf9b68] {
	transform: translateX(100%)
}

.session-list-view.behind[data-v-1ebf9b68] {
	pointer-events: none
}

.chat-page[data-v-1ebf9b68] {
	flex: 1;
	display: flex;
	flex-direction: column;
	overflow: hidden;
	position: relative
}

.session-list-view[data-v-1ebf9b68] {
	height: 100%;
	display: flex;
	flex-direction: column;
	overflow: hidden
}

.chat-header[data-v-1ebf9b68] {
	padding: 14px 16px;
	background: transparent;
	backdrop-filter: saturate(180%) blur(20px);
	-webkit-backdrop-filter: saturate(180%) blur(20px);
	border-bottom: .5px solid rgba(0, 0, 0, .08);
	display: flex;
	justify-content: center;
	align-items: center;
	position: sticky;
	top: 0;
	z-index: 10
}

.chat-header h2[data-v-1ebf9b68] {
	margin: 0;
	font-size: 16px;
	color: #000;
	font-weight: 600;
	letter-spacing: -.3px
}

.header-actions[data-v-1ebf9b68] {
	gap: 8px;
	position: absolute;
	right: 16px
}

.clear-images-btn[data-v-1ebf9b68] {
	background: none;
	border: none;
	font-size: 18px;
	padding: 4px
}

.session-list[data-v-1ebf9b68] {
	flex: 1;
	overflow-y: auto;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
	overscroll-behavior-y: contain;
	touch-action: pan-y;
	transform: translateZ(0);
	padding-bottom: calc(70px + env(safe-area-inset-bottom, 0px))
}

.session-item[data-v-1ebf9b68] {
	display: flex;
	padding: 14px 16px;
	background-color: #fff;
	cursor: pointer;
	transition: background-color .2s, transform .15s;
	align-items: center;
	border-bottom: none
}

.session-item.pinned[data-v-1ebf9b68] {
	background-color: rgba(0, 0, 0, .03)
}

.session-item[data-v-1ebf9b68]:hover {
	background-color: rgba(0, 0, 0, .04)
}

.session-item.pinned[data-v-1ebf9b68]:hover {
	background-color: rgba(0, 0, 0, .06)
}

.session-item[data-v-1ebf9b68]:active {
	background-color: rgba(0, 0, 0, .08);
	transform: scale(.985)
}

.session-avatar-wrapper[data-v-1ebf9b68] {
	position: relative;
	flex-shrink: 0
}

.session-avatar[data-v-1ebf9b68] {
	width: 52px;
	height: 52px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 13px;
	font-weight: 500;
	color: #333;
	flex-shrink: 0;
	overflow: hidden;
	box-shadow: 0 1px 3px rgba(0, 0, 0, .08)
}

.avatar-img[data-v-1ebf9b68] {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	border-radius: inherit
}

.online-dot[data-v-1ebf9b68] {
	position: absolute;
	bottom: 1px;
	right: 1px;
	width: 13px;
	height: 13px;
	border-radius: 50%;
	background: #34c759;
	border: 2.5px solid #fff;
	box-shadow: 0 0 0 .5px rgba(52, 199, 89, .3)
}

.chatroom-badge[data-v-1ebf9b68] {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 20px;
	height: 20px;
	background: #fff;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 1px 3px rgba(0, 0, 0, .2)
}

.chatroom-badge svg[data-v-1ebf9b68] {
	width: 16px;
	height: 16px
}

.session-info[data-v-1ebf9b68] {
	flex: 1;
	margin-left: 14px;
	min-width: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	border-bottom: .5px solid rgba(0, 0, 0, .08);
	padding: 2px 0 14px
}

.session-item:last-child .session-info[data-v-1ebf9b68] {
	border-bottom: none
}

.session-header[data-v-1ebf9b68] {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 4px
}

.session-name[data-v-1ebf9b68] {
	font-size: 16px;
	font-weight: 600;
	color: #000;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	flex: 1;
	min-width: 0;
	letter-spacing: -.2px
}

.session-note-tag[data-v-1ebf9b68] {
	font-size: 12px;
	color: #666;
	background: #f0f0f0;
	padding: 2px 6px;
	border-radius: 4px;
	max-width: 80px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	flex-shrink: 0
}

.session-time[data-v-1ebf9b68] {
	font-size: 12px;
	color: #999;
	flex-shrink: 0;
	margin-left: 8px;
	font-weight: 400
}

.session-preview[data-v-1ebf9b68] {
	display: flex;
	justify-content: space-between;
	align-items: center
}

.preview-text[data-v-1ebf9b68] {
	font-size: 14px;
	color: #999;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	flex: 1;
	line-height: 1.3
}

.preview-right[data-v-1ebf9b68] {
	display: flex;
	align-items: center;
	gap: 6px;
	flex-shrink: 0
}

.pin-icon[data-v-1ebf9b68] {
	display: flex;
	align-items: center
}

.pin-icon svg[data-v-1ebf9b68] {
	width: 14px;
	height: 14px
}

.unread-badge[data-v-1ebf9b68] {
	min-width: 20px;
	height: 20px;
	padding: 0 6px;
	background: linear-gradient(135deg, #ff6b6b, #ff3b30);
	color: #fff;
	font-size: 11px;
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 600;
	box-shadow: 0 1px 4px rgba(255, 59, 48, .3)
}

.unread-badge.muted-badge[data-v-1ebf9b68] {
	background: linear-gradient(135deg, #bbb, #999);
	box-shadow: 0 1px 4px hsla(0, 0%, 60%, .3)
}

.mute-icon[data-v-1ebf9b68] {
	display: flex;
	align-items: center;
	margin-right: 4px;
	opacity: .6
}

.meta-item.online[data-v-1ebf9b68] {
	color: #4caf50
}

.wifi-status[data-v-1ebf9b68] {
	display: inline-flex;
	align-items: center;
	color: #ccc;
	margin-right: 5px;
	vertical-align: middle
}

.wifi-status.online[data-v-1ebf9b68] {
	color: #4caf50
}

.wifi-status svg[data-v-1ebf9b68] {
	width: 14px;
	height: 14px
}

.empty-state[data-v-1ebf9b68] {
	flex: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 40px 20px;
	color: #999
}

.empty-icon[data-v-1ebf9b68] {
	font-size: 60px;
	margin-bottom: 15px
}

.empty-state p[data-v-1ebf9b68] {
	margin: 0;
	font-size: 16px
}

.loading-state[data-v-1ebf9b68] {
	flex: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	color: #666;
	padding: 40px 20px
}

.loading-state p[data-v-1ebf9b68] {
	margin-top: 16px;
	font-size: 14px;
	color: #999
}

.loading-spinner[data-v-1ebf9b68] {
	width: 40px;
	height: 40px;
	border: 3px solid #f3f3f3;
	border-top: 3px solid #1890ff;
	border-radius: 50%;
	animation: spin-1ebf9b68 1s linear infinite
}

.empty-hint[data-v-1ebf9b68] {
	margin-top: 10px !important;
	font-size: 13px !important;
	color: #bbb;
	text-align: center;
	max-width: 250px
}

.chat-detail-view[data-v-1ebf9b68] {
	height: 100%;
	display: flex;
	flex-direction: column;
	background-color: #f7f7f7
}

.chat-detail-view.telegram-style[data-v-1ebf9b68] {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	height: 100vh;
	height: 100dvh;
	z-index: 100;
	background: transparent;
	overflow: hidden
}

.gradient-bg-canvas[data-v-1ebf9b68] {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
	image-rendering: auto
}

.chat-detail-view.telegram-style[data-v-1ebf9b68]:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-image: url(/img/pattern.a64ec914.svg);
	background-size: 420px auto;
	background-repeat: repeat;
	mix-blend-mode: soft-light;
	opacity: .55;
	z-index: 1;
	pointer-events: none
}

.telegram-style .detail-header[data-v-1ebf9b68],
.telegram-style .floating-toolbar[data-v-1ebf9b68],
.telegram-style .input-area[data-v-1ebf9b68],
.telegram-style .messages-container[data-v-1ebf9b68] {
	position: relative;
	z-index: 2
}

.telegram-style .detail-header[data-v-1ebf9b68] {
	position: relative;
	top: auto;
	left: auto;
	right: auto;
	z-index: 10;
	flex-shrink: 0
}

.telegram-style .messages-container[data-v-1ebf9b68] {
	padding-top: 10px
}

.detail-header.goofish-header[data-v-1ebf9b68] {
	display: flex;
	align-items: center;
	padding: 10px 14px;
	padding-top: max(10px, env(safe-area-inset-top));
	background: #fff;
	border-bottom: .5px solid rgba(0, 0, 0, .08);
	gap: 12px
}

.gf-back[data-v-1ebf9b68] {
	display: flex;
	align-items: center;
	gap: 4px;
	padding: 8px;
	border-radius: 50%;
	cursor: pointer;
	color: #333;
	font-size: 14px;
	font-weight: 500;
	flex-shrink: 0;
	transition: background .2s
}

.gf-back[data-v-1ebf9b68]:active {
	background: rgba(0, 0, 0, .06)
}

.gf-back svg[data-v-1ebf9b68] {
	flex-shrink: 0
}

.gf-back-count[data-v-1ebf9b68] {
	font-size: 13px;
	color: #333
}

.gf-center-info[data-v-1ebf9b68] {
	flex: 1;
	min-width: 0;
	overflow: hidden
}

.gf-name[data-v-1ebf9b68] {
	font-size: 16px;
	font-weight: 600;
	color: #000;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.gf-status[data-v-1ebf9b68] {
	font-size: 12px;
	color: rgba(0, 0, 0, .45);
	margin-top: 1px;
	white-space: nowrap
}

.gf-online[data-v-1ebf9b68] {
	color: #34c759
}

.gf-avatar[data-v-1ebf9b68] {
	width: 42px;
	height: 42px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	justify-self: end;
	cursor: pointer;
	overflow: hidden;
	box-shadow: 0 2px 12px rgba(0, 0, 0, .15);
	transition: transform .2s;
	will-change: transform, opacity
}

.gf-avatar-enter[data-v-1ebf9b68] {
	animation: avatarSlideIn-1ebf9b68 .4s cubic-bezier(.25, 1, .5, 1) .12s both
}

@keyframes avatarSlideIn-1ebf9b68 {
	0% {
		opacity: 0;
		transform: translateX(20px)
	}

	to {
		opacity: 1;
		transform: translateX(0)
	}
}

.gf-avatar[data-v-1ebf9b68]:active {
	transform: scale(.92)
}

.gf-avatar .avatar-img[data-v-1ebf9b68] {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	border-radius: 50%
}

.gf-avatar-text[data-v-1ebf9b68] {
	font-size: 16px;
	font-weight: 600;
	color: #fff
}

.gf-header-actions[data-v-1ebf9b68] {
	display: flex;
	align-items: center;
	gap: 4px
}

.gf-action-btn[data-v-1ebf9b68] {
	width: 38px;
	height: 38px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer
}

.telegram-style .message-avatar[data-v-1ebf9b68] {
	display: none
}

.telegram-style .message-content[data-v-1ebf9b68] {
	margin: 0
}

.telegram-style .back-btn[data-v-1ebf9b68] {
	color: #333
}

.telegram-style .title-sub .online[data-v-1ebf9b68] {
	color: #4caf50
}

.telegram-style .platform-tag[data-v-1ebf9b68] {
	background-color: rgba(0, 0, 0, .08);
	color: #333
}

.telegram-style .session-xy[data-v-1ebf9b68] {
	background-color: rgba(0, 0, 0, .06);
	color: hsla(0, 0%, 100%, .8)
}

.telegram-style .settings-btn svg path[data-v-1ebf9b68] {
	fill: #666
}

.back-btn[data-v-1ebf9b68] {
	padding: 5px;
	cursor: pointer;
	color: #333
}

.detail-title[data-v-1ebf9b68] {
	flex: 1;
	margin-left: 10px
}

.title-main[data-v-1ebf9b68] {
	font-size: 16px;
	font-weight: 500;
	color: #333
}

.title-note[data-v-1ebf9b68] {
	font-size: 13px;
	color: #888;
	font-weight: 400
}

.title-sub[data-v-1ebf9b68] {
	font-size: 12px;
	color: #999;
	display: flex;
	align-items: center;
	gap: 8px;
	margin-top: 2px
}

.title-sub .online[data-v-1ebf9b68] {
	color: #4caf50
}

.platform-tag[data-v-1ebf9b68] {
	background-color: #ffe60d;
	color: #333;
	padding: 1px 6px;
	border-radius: 3px;
	font-size: 11px
}

.detail-actions[data-v-1ebf9b68] {
	display: flex;
	align-items: center
}

.session-xy[data-v-1ebf9b68] {
	font-size: 11px;
	color: #999;
	background-color: #f0f0f0;
	padding: 3px 8px;
	border-radius: 4px
}

.messages-container[data-v-1ebf9b68] {
	flex: 1;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	overscroll-behavior: contain;
	padding: 15px;
	touch-action: pan-y
}

.telegram-style .messages-container[data-v-1ebf9b68] {
	background: transparent !important;
	background-image: none !important
}

.date-separator[data-v-1ebf9b68] {
	display: flex;
	justify-content: center;
	margin: 15px 0
}

.date-separator .date-text[data-v-1ebf9b68] {
	background: rgba(0, 0, 0, .3);
	color: #fff;
	padding: 4px 12px;
	border-radius: 12px;
	font-size: 12px;
	font-weight: 500
}

@keyframes slideInFromLeft-1ebf9b68 {
	0% {
		opacity: 0;
		transform: translateX(-30px)
	}

	to {
		opacity: 1;
		transform: translateX(0)
	}
}

@keyframes slideInFromRight-1ebf9b68 {
	0% {
		opacity: 0;
		transform: translateX(30px)
	}

	to {
		opacity: 1;
		transform: translateX(0)
	}
}

.message-slide-in.customer[data-v-1ebf9b68] {
	animation: slideInFromLeft-1ebf9b68 .5s ease-out
}

.message-slide-in.agent[data-v-1ebf9b68] {
	animation: slideInFromRight-1ebf9b68 .5s ease-out
}

.message[data-v-1ebf9b68] {
	display: flex;
	margin-bottom: 15px
}

.message.customer[data-v-1ebf9b68] {
	flex-direction: row
}

.message.agent[data-v-1ebf9b68] {
	flex-direction: row-reverse
}

.message-avatar[data-v-1ebf9b68] {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 12px;
	font-weight: 700;
	flex-shrink: 0
}

.customer-avatar[data-v-1ebf9b68] {
	color: #fff
}

.agent-avatar[data-v-1ebf9b68] {
	background-color: #007aff;
	color: #fff
}

.message-content[data-v-1ebf9b68] {
	max-width: 70%;
	margin: 0 10px;
	display: inline-block
}

.agent-content[data-v-1ebf9b68] {
	text-align: right
}

.message-bubble[data-v-1ebf9b68] {
	padding: 10px 12px;
	border-radius: 12px;
	font-size: 14px;
	line-height: 1.6;
	word-break: break-word;
	overflow-wrap: break-word;
	white-space: pre-wrap;
	font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji, sans-serif;
	display: inline-block;
	max-width: 100%
}

.message-bubble.customer[data-v-1ebf9b68] {
	background-color: #fff;
	color: #333;
	border-top-left-radius: 4px
}

.message-bubble.agent[data-v-1ebf9b68] {
	background-color: #007aff;
	color: #fff;
	border-top-right-radius: 4px;
	text-align: left
}

.telegram-style .message-bubble.customer[data-v-1ebf9b68] {
	background-color: #fff;
	color: #333;
	border-radius: 16px;
	border-top-left-radius: 4px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, .1)
}

.telegram-style .message-bubble.agent[data-v-1ebf9b68] {
	background-color: #e3fee0;
	color: #000;
	border-start-start-radius: 15px;
	border-start-end-radius: 5px;
	border-end-end-radius: 5px;
	border-end-start-radius: 15px;
	box-shadow: 0 1px 2px #10232f26;
	position: relative;
	z-index: 2;
	overflow: visible;
	padding: 0;
	min-width: 56px;
	max-width: 100%
}

.telegram-style .bubble-message-text[data-v-1ebf9b68] {
	margin: 4px 8px 5px;
	font-size: 16px;
	line-height: 1.3125;
	color: #000;
	word-break: break-word;
	white-space: pre-wrap;
	position: relative
}

.telegram-style .clearfix[data-v-1ebf9b68] {
	display: block;
	clear: both
}

.telegram-style .message-bubble.agent .bubble-time[data-v-1ebf9b68] {
	float: right;
	margin: 0 -2px 1px 6px;
	white-space: nowrap;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	display: inline-flex;
	align-items: center;
	gap: 2px;
	line-height: 1;
	padding-top: 4px
}

.telegram-style .bubble-time-text[data-v-1ebf9b68] {
	font-size: 12px;
	color: #5ca853
}

@font-face {
	font-family: tgico;
	src: url(/fonts/tgico.c1e8a96e.woff) format("woff"), url(/fonts/tgico.0e7508f3.ttf) format("truetype");
	font-weight: 400;
	font-style: normal;
	font-display: block
}

.tgico[data-v-1ebf9b68] {
	font-family: tgico !important;
	speak: never;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.tgico-check[data-v-1ebf9b68]:before {
	content: "\e900"
}

.tgico-checks[data-v-1ebf9b68]:before {
	content: "\e901"
}

.telegram-style .read-status[data-v-1ebf9b68] {
	display: inline-block;
	vertical-align: middle;
	font-size: 16px;
	width: 18px;
	text-align: center;
	color: rgba(92, 168, 83, .7);
	-webkit-text-stroke: .5px currentColor;
	transition: all .3s ease-in-out
}

.telegram-style .read-status.is-read[data-v-1ebf9b68] {
	color: #5ca853;
	animation: check-to-checks-1ebf9b68 .4s ease-in-out
}

@keyframes check-to-checks-1ebf9b68 {
	0% {
		transform: scale(1);
		opacity: 1
	}

	50% {
		transform: scale(1.15);
		opacity: .85
	}

	to {
		transform: scale(1);
		opacity: 1
	}
}

.bubble-tail[data-v-1ebf9b68] {
	display: none
}

.telegram-style .bubble-tail[data-v-1ebf9b68] {
	display: block;
	position: absolute;
	right: -8.4px;
	bottom: -2px;
	width: 11px;
	height: 20px;
	fill: #e3fee0;
	transform: rotate(180deg)
}

.telegram-style .message-bubble.agent.has-tail[data-v-1ebf9b68] {
	border-end-end-radius: 0 !important
}

.telegram-style .message.agent .agent-content[data-v-1ebf9b68] {
	margin-right: 9px
}

.telegram-style .message.agent.first-in-group .message-bubble.agent[data-v-1ebf9b68] {
	border-start-end-radius: 15px
}

.telegram-style .message.agent:not(.first-in-group) .message-bubble.agent[data-v-1ebf9b68] {
	border-start-end-radius: 5px
}

.telegram-style .message-bubble.buyer-mode[data-v-1ebf9b68] {
	background-color: #007aff !important;
	color: #fff !important
}

.telegram-style .message-bubble.buyer-mode .bubble-tail[data-v-1ebf9b68] {
	fill: #007aff
}

.telegram-style .message-bubble.buyer-mode .bubble-time-text[data-v-1ebf9b68] {
	color: hsla(0, 0%, 100%, .7)
}

.telegram-style .message-bubble.buyer-mode .read-status[data-v-1ebf9b68] {
	color: hsla(0, 0%, 100%, .5)
}

.telegram-style .message-bubble.buyer-mode .read-status.is-read[data-v-1ebf9b68] {
	color: hsla(0, 0%, 100%, .85)
}

.telegram-style .message-bubble.send-failed[data-v-1ebf9b68] {
	opacity: .7
}

.telegram-style .send-failed-icon[data-v-1ebf9b68] {
	cursor: pointer;
	color: #e74c3c;
	font-size: 14px;
	margin-right: 2px;
	vertical-align: middle
}

.telegram-style .message.agent[data-v-1ebf9b68] {
	margin-bottom: 2px
}

.telegram-style .message.agent.last-in-group[data-v-1ebf9b68] {
	margin-bottom: 6px
}

.telegram-style .message-meta[data-v-1ebf9b68],
.telegram-style .message.customer .message-meta[data-v-1ebf9b68] {
	color: rgba(0, 0, 0, .4)
}

.message-meta[data-v-1ebf9b68] {
	font-size: 11px;
	color: #999;
	margin-top: 4px;
	display: flex;
	gap: 10px
}

.agent-content .message-meta[data-v-1ebf9b68] {
	justify-content: flex-end
}

.ip-info[data-v-1ebf9b68] {
	color: #bbb
}

.input-area[data-v-1ebf9b68] {
	background-color: #fff;
	border-top: none;
	padding: 10px 12px;
	padding-bottom: 60px
}

.telegram-style .input-area[data-v-1ebf9b68] {
	position: relative;
	background: #fff !important;
	background-color: #fff !important;
	border-top: none !important;
	padding: 8px 12px;
	padding-bottom: max(28px, calc(env(safe-area-inset-bottom) + 16px));
	z-index: 2;
	flex-shrink: 0
}

.floating-toolbar[data-v-1ebf9b68] {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 8px 12px;
	position: relative;
	z-index: 2;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;
	flex-shrink: 0
}

.floating-toolbar[data-v-1ebf9b68]::-webkit-scrollbar {
	display: none
}

.tool-chip[data-v-1ebf9b68] {
	display: flex;
	align-items: center;
	gap: 6px;
	padding: 8px 16px;
	border-radius: 20px;
	border: 1px solid rgba(0, 0, 0, .1);
	background: hsla(0, 0%, 100%, .85);
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
	color: #333;
	font-size: 14px;
	font-weight: 400;
	cursor: pointer;
	white-space: nowrap;
	flex-shrink: 0;
	transition: background .2s, border-color .2s;
	-moz-user-select: none;
	user-select: none;
	-webkit-user-select: none
}

.tool-chip[data-v-1ebf9b68]:active {
	background: hsla(0, 0%, 100%, .95)
}

.tool-chip svg[data-v-1ebf9b68] {
	flex-shrink: 0;
	color: #555
}

.tool-chip.seller-mode[data-v-1ebf9b68] {
	border-color: #ff9800;
	color: #ff9800
}

.tool-chip.seller-mode svg[data-v-1ebf9b68] {
	color: #ff9800
}

.tool-chip.uploading[data-v-1ebf9b68] {
	opacity: .6;
	pointer-events: none
}

.telegram-style .messages-container[data-v-1ebf9b68] {
	padding-bottom: 0
}

.telegram-style .input-box-wrapper[data-v-1ebf9b68] {
	display: flex;
	align-items: center;
	background: #f2f2f7;
	border: none;
	box-shadow: none;
	border-radius: 22px;
	padding: 4px 8px
}

.telegram-style .message-input[data-v-1ebf9b68] {
	flex: 1;
	background-color: transparent !important;
	background: transparent !important;
	border: none !important;
	border-radius: 0 !important;
	color: #333;
	padding: 10px 12px;
	font-size: 15px;
	box-shadow: none !important
}

.telegram-style .message-input[data-v-1ebf9b68]::-moz-placeholder {
	color: #999
}

.telegram-style .message-input[data-v-1ebf9b68]::placeholder {
	color: #999
}

.telegram-style .message-input[data-v-1ebf9b68]:focus {
	background-color: transparent !important;
	background: transparent !important;
	border: none !important;
	box-shadow: none !important
}

.telegram-style .send-btn[data-v-1ebf9b68] {
	background: linear-gradient(135deg, #5cb85c, #4cae4c);
	box-shadow: 0 2px 6px rgba(92, 184, 92, .4);
	border-radius: 50%;
	width: 34px;
	height: 34px;
	min-width: 34px;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center
}

.telegram-style .send-btn[data-v-1ebf9b68]:hover {
	box-shadow: 0 4px 12px rgba(92, 184, 92, .5)
}

.telegram-style .send-btn[data-v-1ebf9b68]:disabled {
	background: #ccc;
	box-shadow: none
}

.telegram-style .switch-role-btn[data-v-1ebf9b68] {
	background: linear-gradient(135deg, #5cb85c, #4cae4c);
	box-shadow: 0 2px 6px rgba(92, 184, 92, .3);
	border-radius: 18px;
	padding: 6px 12px
}

.quick-replies[data-v-1ebf9b68] {
	display: flex;
	gap: 8px;
	overflow-x: auto;
	padding-bottom: 10px;
	margin-bottom: 10px
}

.quick-reply-btn[data-v-1ebf9b68] {
	padding: 6px 12px;
	background-color: #f5f5f5;
	border-radius: 15px;
	font-size: 12px;
	color: #666;
	white-space: nowrap;
	cursor: pointer;
	transition: background-color .2s
}

.quick-reply-btn[data-v-1ebf9b68]:hover {
	background-color: #e8e8e8
}

.input-row[data-v-1ebf9b68] {
	display: flex;
	align-items: center;
	gap: 8px;
	min-width: 0
}

.input-tools[data-v-1ebf9b68] {
	display: flex;
	align-items: center;
	gap: 2px;
	flex-shrink: 0
}

.input-box-wrapper[data-v-1ebf9b68] {
	flex: 1;
	display: flex;
	align-items: center;
	min-width: 0;
	gap: 8px
}

.switch-role-btn[data-v-1ebf9b68] {
	padding: 8px 12px;
	background: linear-gradient(135deg, #007aff, #5856d6);
	color: #fff;
	border: none;
	border-radius: 16px;
	font-size: 12px;
	font-weight: 500;
	cursor: pointer;
	transition: all .2s ease;
	white-space: nowrap;
	box-shadow: 0 2px 6px rgba(0, 122, 255, .3)
}

.switch-role-btn[data-v-1ebf9b68]:hover {
	transform: translateY(-1px);
	box-shadow: 0 4px 12px rgba(0, 122, 255, .4)
}

.switch-role-btn.seller-mode[data-v-1ebf9b68] {
	background: linear-gradient(135deg, #ff8c00, #ff6b00);
	box-shadow: 0 2px 6px rgba(255, 140, 0, .3)
}

.switch-role-btn.seller-mode[data-v-1ebf9b68]:hover {
	box-shadow: 0 4px 12px rgba(255, 140, 0, .4)
}

.message-input[data-v-1ebf9b68] {
	flex: 1;
	min-width: 0;
	padding: 10px 15px;
	border: 1px solid #e0e0e0;
	border-radius: 20px;
	font-size: 14px;
	outline: none;
	background-color: #f8f8f8;
	transition: all .2s ease
}

.message-input[data-v-1ebf9b68]:focus {
	border-color: #007aff;
	background-color: #fff;
	box-shadow: 0 0 0 3px rgba(0, 122, 255, .1)
}

.send-btn[data-v-1ebf9b68] {
	flex-shrink: 0;
	padding: 10px 18px;
	background: linear-gradient(135deg, #007aff, #5856d6);
	color: #fff;
	border: none;
	border-radius: 20px;
	font-size: 14px;
	font-weight: 500;
	cursor: pointer;
	transition: all .2s ease;
	box-shadow: 0 2px 6px rgba(0, 122, 255, .3)
}

.send-btn[data-v-1ebf9b68]:hover {
	transform: translateY(-1px);
	box-shadow: 0 4px 12px rgba(0, 122, 255, .4)
}

.send-btn[data-v-1ebf9b68]:disabled {
	background: #ccc;
	box-shadow: none;
	cursor: not-allowed;
	transform: none
}

.message-bubble.buyer-mode[data-v-1ebf9b68] {
	background: linear-gradient(135deg, #ff8c00, #ff6b00) !important;
	position: relative
}

.role-tag[data-v-1ebf9b68] {
	display: inline-block;
	padding: 2px 6px;
	background-color: hsla(0, 0%, 100%, .25);
	border-radius: 8px;
	font-size: 10px;
	margin-right: 6px;
	vertical-align: middle
}

.header-actions[data-v-1ebf9b68] {
	display: flex;
	align-items: center;
	gap: 15px
}

.clear-images-btn[data-v-1ebf9b68] {
	padding: 5px 10px;
	background-color: #f5f5f5;
	border: 1px solid #ddd;
	border-radius: 5px;
	font-size: 12px;
	cursor: pointer;
	transition: background-color .2s
}

.clear-images-btn[data-v-1ebf9b68]:hover {
	background-color: #e8e8e8
}

.upload-btn[data-v-1ebf9b68] {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	color: #666;
	cursor: pointer;
	transition: color .2s
}

.upload-btn[data-v-1ebf9b68]:hover {
	color: #007aff
}

.upload-btn.uploading[data-v-1ebf9b68] {
	opacity: .6;
	cursor: not-allowed
}

.upload-spinner[data-v-1ebf9b68] {
	width: 20px;
	height: 20px;
	border: 2px solid #ddd;
	border-top-color: #007aff;
	border-radius: 50%;
	animation: spin-1ebf9b68 .8s linear infinite
}

@keyframes spin-1ebf9b68 {
	to {
		transform: rotate(1turn)
	}
}

.message-image[data-v-1ebf9b68] {
	max-width: 200px;
	max-height: 200px;
	min-width: 100px;
	min-height: 100px;
	border-radius: 12px;
	cursor: pointer;
	-o-object-fit: cover;
	object-fit: cover;
	border: 1px solid #e0e0e0;
	background-color: #f0f0f0
}

.message-image.agent-image[data-v-1ebf9b68] {
	border-color: #007aff
}

.modal-overlay[data-v-1ebf9b68] {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, .5);
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 1000
}

.modal-content[data-v-1ebf9b68] {
	background-color: #fff;
	padding: 25px;
	border-radius: 12px;
	min-width: 300px;
	max-width: 400px
}

.modal-content h3[data-v-1ebf9b68] {
	margin: 0 0 20px 0;
	font-size: 18px;
	color: #333
}

.image-stats[data-v-1ebf9b68] {
	margin-bottom: 20px;
	padding: 15px;
	background-color: #f9f9f9;
	border-radius: 8px
}

.image-stats p[data-v-1ebf9b68] {
	margin: 8px 0;
	color: #666
}

.image-stats strong[data-v-1ebf9b68] {
	color: #333
}

.modal-actions[data-v-1ebf9b68] {
	display: flex;
	gap: 10px;
	justify-content: flex-end
}

.btn-danger[data-v-1ebf9b68] {
	padding: 10px 20px;
	background-color: #ff3b30;
	color: #fff;
	border: none;
	border-radius: 8px;
	cursor: pointer;
	font-size: 14px
}

.btn-danger[data-v-1ebf9b68]:hover {
	background-color: #e0352c
}

.btn-danger[data-v-1ebf9b68]:disabled {
	background-color: #ccc;
	cursor: not-allowed
}

.btn-cancel[data-v-1ebf9b68] {
	padding: 10px 20px;
	background-color: #f5f5f5;
	color: #666;
	border: none;
	border-radius: 8px;
	cursor: pointer;
	font-size: 14px
}

.btn-cancel[data-v-1ebf9b68]:hover {
	background-color: #e8e8e8
}

@media screen and (max-width:768px) {

	.chat-page[data-v-1ebf9b68],
	.session-list-view[data-v-1ebf9b68] {
		flex: 1
	}

	.chat-detail-view[data-v-1ebf9b68] {
		height: 100%;
		padding-bottom: 0
	}

	.chat-detail-view.telegram-style[data-v-1ebf9b68] {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		height: 100vh;
		height: 100dvh
	}

	.chat-header[data-v-1ebf9b68] {
		padding: 10px 16px;
		position: sticky;
		top: 0;
		z-index: 10
	}

	.chat-header h2[data-v-1ebf9b68] {
		font-size: 15px
	}

	.session-list[data-v-1ebf9b68] {
		flex: 1;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch
	}

	.session-item[data-v-1ebf9b68] {
		padding: 12px 16px
	}

	.session-avatar[data-v-1ebf9b68] {
		width: 48px;
		height: 48px;
		font-size: 12px
	}

	.online-dot[data-v-1ebf9b68] {
		width: 11px;
		height: 11px;
		border-width: 2px
	}

	.session-name[data-v-1ebf9b68] {
		font-size: 15px
	}

	.preview-text[data-v-1ebf9b68] {
		font-size: 13px
	}

	.detail-header[data-v-1ebf9b68] {
		position: sticky;
		top: 0;
		z-index: 10;
		padding: 8px 12px
	}

	.messages-container[data-v-1ebf9b68] {
		flex: 1;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
		padding: 10px;
		padding-bottom: 20px
	}

	.message-content[data-v-1ebf9b68] {
		max-width: 80%
	}

	.message-bubble[data-v-1ebf9b68] {
		padding: 8px 10px;
		font-size: 14px
	}

	.input-area[data-v-1ebf9b68] {
		padding: 8px 10px;
		padding-bottom: 60px;
		position: sticky;
		bottom: 0;
		background-color: #fff
	}

	.telegram-style .input-area[data-v-1ebf9b68] {
		padding: 8px 10px;
		padding-bottom: max(10px, env(safe-area-inset-bottom));
		position: relative;
		background: #fff !important
	}

	.tool-chip[data-v-1ebf9b68] {
		padding: 7px 14px;
		font-size: 13px
	}

	.floating-toolbar[data-v-1ebf9b68] {
		padding: 6px 10px;
		gap: 6px
	}

	.quick-replies[data-v-1ebf9b68] {
		display: flex;
		gap: 6px;
		padding-bottom: 8px;
		margin-bottom: 8px;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: none;
		-ms-overflow-style: none
	}

	.quick-replies[data-v-1ebf9b68]::-webkit-scrollbar {
		display: none
	}

	.quick-reply-btn[data-v-1ebf9b68] {
		padding: 5px 10px;
		font-size: 11px;
		flex-shrink: 0
	}

	.input-row[data-v-1ebf9b68] {
		gap: 8px
	}

	.upload-btn[data-v-1ebf9b68] {
		width: 36px;
		height: 36px
	}

	.message-input[data-v-1ebf9b68] {
		padding: 8px 12px;
		font-size: 14px
	}

	.send-btn[data-v-1ebf9b68] {
		padding: 8px 15px;
		font-size: 13px
	}

	.message-image[data-v-1ebf9b68] {
		max-width: 150px;
		max-height: 150px
	}

	.modal-content[data-v-1ebf9b68] {
		margin: 15px;
		min-width: auto;
		width: calc(100% - 30px);
		max-width: 350px
	}

	.header-actions[data-v-1ebf9b68] {
		gap: 10px
	}

	.clear-images-btn[data-v-1ebf9b68] {
		padding: 4px 8px;
		font-size: 11px
	}
}

.settings-btn[data-v-1ebf9b68] {
	cursor: pointer;
	padding: 5px;
	margin-left: 10px;
	display: flex;
	align-items: center
}

.settings-btn:hover svg path[data-v-1ebf9b68] {
	fill: #333
}

.chat-settings-overlay[data-v-1ebf9b68] {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, .4);
	display: flex;
	align-items: flex-end;
	justify-content: center;
	z-index: 1000
}

.settings-popup-enter-active[data-v-1ebf9b68] {
	transition: background-color .25s ease
}

.settings-popup-enter-active .chat-settings-panel[data-v-1ebf9b68],
.settings-popup-enter-active .note-editor-panel[data-v-1ebf9b68] {
	transition: transform .3s cubic-bezier(.16, 1, .3, 1)
}

.settings-popup-leave-active[data-v-1ebf9b68] {
	transition: background-color .2s ease
}

.settings-popup-leave-active .chat-settings-panel[data-v-1ebf9b68],
.settings-popup-leave-active .note-editor-panel[data-v-1ebf9b68] {
	transition: transform .2s cubic-bezier(.4, 0, 1, 1)
}

.settings-popup-enter-from[data-v-1ebf9b68] {
	background-color: transparent !important
}

.settings-popup-enter-from .chat-settings-panel[data-v-1ebf9b68],
.settings-popup-enter-from .note-editor-panel[data-v-1ebf9b68] {
	transform: translateY(100%)
}

.settings-popup-leave-to[data-v-1ebf9b68] {
	background-color: transparent !important
}

.settings-popup-leave-to .chat-settings-panel[data-v-1ebf9b68],
.settings-popup-leave-to .note-editor-panel[data-v-1ebf9b68] {
	transform: translateY(100%)
}

.chat-settings-panel[data-v-1ebf9b68] {
	width: 100%;
	max-width: 500px;
	padding: 0 10px 10px
}

.settings-list[data-v-1ebf9b68] {
	display: flex;
	flex-direction: column;
	gap: 1px
}

.settings-item[data-v-1ebf9b68] {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 14px 0;
	cursor: pointer;
	background: hsla(0, 0%, 100%, .72);
	backdrop-filter: blur(20px);
	-webkit-backdrop-filter: blur(20px);
	font-size: 15px;
	color: #333
}

.settings-item[data-v-1ebf9b68]:first-child {
	border-radius: 12px 12px 0 0
}

.settings-item.settings-cancel[data-v-1ebf9b68] {
	border-radius: 12px;
	margin-top: 8px;
	font-weight: 500;
	background: hsla(0, 0%, 100%, .72);
	backdrop-filter: blur(20px);
	-webkit-backdrop-filter: blur(20px)
}

.settings-item[data-v-1ebf9b68]:active {
	background: hsla(0, 0%, 90%, .75)
}

.settings-item[data-v-1ebf9b68]:nth-last-child(2) {
	border-radius: 0 0 12px 12px
}

.note-editor-panel[data-v-1ebf9b68] {
	background: #fff;
	width: 100%;
	max-width: 500px;
	border-radius: 16px 16px 0 0;
	overflow: hidden
}

.note-editor-body[data-v-1ebf9b68] {
	padding: 16px
}

.note-textarea[data-v-1ebf9b68] {
	width: 100%;
	height: 120px;
	border: 1px solid #e0e0e0;
	border-radius: 8px;
	padding: 12px;
	font-size: 14px;
	resize: none;
	outline: none
}

.note-textarea[data-v-1ebf9b68]:focus {
	border-color: #007aff
}

.note-actions[data-v-1ebf9b68] {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 12px
}

.note-count[data-v-1ebf9b68] {
	font-size: 12px;
	color: #999
}

.note-save-btn[data-v-1ebf9b68] {
	padding: 8px 24px;
	background: #007aff;
	color: #fff;
	border: none;
	border-radius: 8px;
	font-size: 14px;
	cursor: pointer
}

.note-save-btn[data-v-1ebf9b68]:hover {
	background: #06c
}

@media screen and (max-width:375px) {
	.chat-header h2[data-v-1ebf9b68] {
		font-size: 15px
	}

	.session-avatar[data-v-1ebf9b68] {
		width: 40px;
		height: 40px;
		font-size: 11px
	}

	.session-info[data-v-1ebf9b68] {
		margin-left: 10px
	}

	.session-name[data-v-1ebf9b68] {
		font-size: 13px
	}

	.preview-text[data-v-1ebf9b68] {
		font-size: 12px
	}

	.message-avatar[data-v-1ebf9b68] {
		width: 35px;
		height: 35px;
		font-size: 10px
	}

	.message-content[data-v-1ebf9b68] {
		margin: 0 8px
	}

	.quick-reply-btn[data-v-1ebf9b68] {
		padding: 4px 8px;
		font-size: 10px
	}
}

@supports (-webkit-touch-callout:none) {
	.chat-page[data-v-1ebf9b68] {
		height: -webkit-fill-available
	}

	.chat-detail-view[data-v-1ebf9b68] {
		height: 100%;
		min-height: -webkit-fill-available
	}
}

.phrases-btn[data-v-1ebf9b68] {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	color: #666;
	background: none;
	border: none;
	cursor: pointer;
	transition: color .2s;
	padding: 0
}

.phrases-btn[data-v-1ebf9b68]:hover {
	color: #007aff
}

.phrases-overlay[data-v-1ebf9b68] {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	height: 100vh;
	height: 100dvh;
	background: rgba(0, 0, 0, .5);
	display: flex;
	align-items: flex-end;
	justify-content: center;
	z-index: 1000;
	animation: fadeIn-1ebf9b68 .25s ease-out
}

@keyframes fadeIn-1ebf9b68 {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@keyframes fadeOut-1ebf9b68 {
	0% {
		opacity: 1
	}

	to {
		opacity: 0
	}
}

.phrases-overlay.closing[data-v-1ebf9b68] {
	animation: fadeOut-1ebf9b68 .25s ease-in
}

.phrases-panel[data-v-1ebf9b68] {
	background: #fff;
	width: 100%;
	max-width: 500px;
	max-height: 60vh;
	border-radius: 16px 16px 0 0;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	animation: slideUpIn-1ebf9b68 .35s cubic-bezier(.25, .46, .45, .94);
	transform-origin: bottom
}

@keyframes slideUpIn-1ebf9b68 {
	0% {
		transform: translateY(100%);
		opacity: 0
	}

	to {
		transform: translateY(0);
		opacity: 1
	}
}

@keyframes slideDownOut-1ebf9b68 {
	0% {
		transform: translateY(0);
		opacity: 1
	}

	to {
		transform: translateY(100%);
		opacity: 0
	}
}

.phrases-panel.closing[data-v-1ebf9b68] {
	animation: slideDownOut-1ebf9b68 .25s cubic-bezier(.55, .055, .675, .19)
}

.phrases-header[data-v-1ebf9b68] {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 15px 20px;
	border-bottom: 1px solid #eee;
	font-size: 16px;
	font-weight: 500
}

.phrases-header .close-btn[data-v-1ebf9b68] {
	font-size: 24px;
	color: #999;
	cursor: pointer;
	line-height: 1
}

.phrases-tabs[data-v-1ebf9b68] {
	display: flex;
	padding: 10px 15px;
	gap: 10px;
	border-bottom: 1px solid #eee;
	background: #fafafa
}

.phrases-tab[data-v-1ebf9b68] {
	padding: 8px 16px;
	border-radius: 20px;
	font-size: 13px;
	color: #666;
	background: #fff;
	border: 1px solid #e0e0e0;
	cursor: pointer;
	transition: all .2s
}

.phrases-tab[data-v-1ebf9b68]:hover {
	border-color: #007aff;
	color: #007aff
}

.phrases-tab.active[data-v-1ebf9b68] {
	background: #007aff;
	color: #fff;
	border-color: #007aff
}

.custom-phrase-input[data-v-1ebf9b68] {
	display: flex;
	gap: 10px;
	padding: 12px 15px;
	border-bottom: 1px solid #eee
}

.custom-phrase-input input[data-v-1ebf9b68] {
	flex: 1;
	padding: 8px 12px;
	border: 1px solid #ddd;
	border-radius: 8px;
	font-size: 14px;
	outline: none
}

.custom-phrase-input input[data-v-1ebf9b68]:focus {
	border-color: #2196f3
}

.custom-phrase-input button[data-v-1ebf9b68] {
	padding: 8px 16px;
	background: #2196f3;
	color: #fff;
	border: none;
	border-radius: 8px;
	font-size: 14px;
	cursor: pointer
}

.custom-phrase-input button[data-v-1ebf9b68]:disabled {
	background: #ccc;
	cursor: not-allowed
}

.empty-phrases[data-v-1ebf9b68] {
	padding: 30px 20px;
	text-align: center;
	color: #999;
	font-size: 14px
}

.phrases-list[data-v-1ebf9b68] {
	flex: 1;
	overflow-y: auto;
	padding: 10px 0
}

.phrase-item[data-v-1ebf9b68] {
	padding: 14px 20px;
	cursor: pointer;
	transition: background .2s;
	font-size: 14px;
	color: #333;
	border-bottom: 1px solid #f5f5f5;
	display: flex;
	justify-content: space-between;
	align-items: center
}

.phrase-item span[data-v-1ebf9b68]:first-child {
	flex: 1
}

.delete-phrase[data-v-1ebf9b68] {
	color: #ff3b30;
	font-size: 18px;
	font-weight: 700;
	padding: 0 5px;
	cursor: pointer
}

.phrase-item[data-v-1ebf9b68]:hover {
	background: #f5f5f5
}

.phrase-item[data-v-1ebf9b68]:active {
	background: #eee
}

.phrase-item[data-v-1ebf9b68]:last-child {
	border-bottom: none
}

.card-add-area[data-v-1ebf9b68] {
	padding: 12px 16px;
	display: flex;
	flex-direction: column;
	gap: 8px;
	border-bottom: 1px solid #f0f0f0
}

.card-input[data-v-1ebf9b68] {
	width: 100%;
	padding: 10px 12px;
	border: 1px solid #e0e0e0;
	border-radius: 8px;
	font-size: 14px;
	outline: none;
	box-sizing: border-box;
	transition: border-color .2s
}

.card-input[data-v-1ebf9b68]:focus {
	border-color: #007aff
}

.card-save-btn[data-v-1ebf9b68] {
	align-self: flex-end;
	padding: 8px 24px;
	background: #007aff;
	color: #fff;
	border: none;
	border-radius: 8px;
	font-size: 14px;
	cursor: pointer;
	transition: opacity .2s
}

.card-save-btn[data-v-1ebf9b68]:disabled {
	opacity: .4;
	cursor: not-allowed
}

.card-save-btn[data-v-1ebf9b68]:not(:disabled):active {
	opacity: .8
}

.card-item[data-v-1ebf9b68] {
	padding: 12px 16px;
	cursor: pointer;
	transition: background .2s;
	border-bottom: 1px solid #f5f5f5;
	display: flex;
	justify-content: space-between;
	align-items: center
}

.card-item[data-v-1ebf9b68]:hover {
	background: #f5f5f5
}

.card-item[data-v-1ebf9b68]:active {
	background: #eee
}

.card-item[data-v-1ebf9b68]:last-child {
	border-bottom: none
}

.card-item-content[data-v-1ebf9b68] {
	flex: 1;
	min-width: 0
}

.card-item-title[data-v-1ebf9b68] {
	font-size: 14px;
	font-weight: 500;
	color: #333;
	margin-bottom: 4px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.card-item-btn-text[data-v-1ebf9b68] {
	font-size: 12px;
	color: #007aff;
	font-weight: 500
}

@media screen and (max-width:768px) {
	.phrases-btn[data-v-1ebf9b68] {
		width: 36px;
		height: 36px
	}

	.phrases-panel[data-v-1ebf9b68] {
		max-height: 50vh
	}

	.phrases-tabs[data-v-1ebf9b68] {
		padding: 8px 12px;
		gap: 8px
	}

	.phrases-tab[data-v-1ebf9b68] {
		padding: 6px 12px;
		font-size: 12px
	}

	.phrase-item[data-v-1ebf9b68] {
		padding: 12px 16px;
		font-size: 13px
	}
}

.image-preview-modal[data-v-1ebf9b68] {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, .9);
	display: none;
	align-items: center;
	justify-content: center;
	z-index: 9999
}

.image-preview-modal.active[data-v-1ebf9b68] {
	display: flex
}

.image-preview-content[data-v-1ebf9b68] {
	max-width: 90%;
	max-height: 90%;
	-o-object-fit: contain;
	object-fit: contain
}

.order-card-msg[data-v-1ebf9b68] {
	background: #fff;
	border-radius: 12px;
	overflow: hidden;
	max-width: 260px
}

.agent-order-card[data-v-1ebf9b68] {
	margin-left: auto
}

.order-card-inner[data-v-1ebf9b68] {
	display: flex;
	font-size: .875rem;
	padding: .75rem;
	min-height: 96px
}

.order-card-img[data-v-1ebf9b68] {
	width: 80px;
	height: 80px;
	border-radius: 6px;
	-o-object-fit: cover;
	object-fit: cover;
	flex-shrink: 0;
	margin-right: 10px
}

.order-card-body[data-v-1ebf9b68] {
	display: flex;
	flex-direction: column;
	flex: 1;
	min-width: 0
}

.order-card-detail[data-v-1ebf9b68] {
	display: flex;
	flex: 1
}

.order-card-name[data-v-1ebf9b68] {
	flex: 1;
	font-size: .875rem;
	font-weight: 400;
	color: #111;
	margin: 0;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 1.4
}

.order-card-price-wrap[data-v-1ebf9b68] {
	flex-shrink: 0;
	text-align: right;
	margin-left: 8px
}

.order-card-currency[data-v-1ebf9b68] {
	font-size: .75rem;
	color: #111
}

.order-card-price[data-v-1ebf9b68] {
	font-size: 1rem;
	font-weight: 600;
	color: #111
}

.order-card-count[data-v-1ebf9b68] {
	display: block;
	font-size: .75rem;
	color: #999;
	margin-top: 2px
}

.order-card-status[data-v-1ebf9b68] {
	font-size: .75rem;
	color: #ff5000;
	margin-top: auto
}

.link-card-msg[data-v-1ebf9b68] {
	background: #fff;
	border-radius: 12px;
	overflow: hidden;
	max-width: 260px
}

.agent-link-card[data-v-1ebf9b68] {
	margin-left: auto
}

.link-card-inner[data-v-1ebf9b68] {
	padding: .75rem
}

.link-card-title[data-v-1ebf9b68] {
	font-size: .875rem;
	font-weight: 500;
	color: #111;
	margin: 0 0 10px 0;
	line-height: 1.4;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis
}

.link-card-btn[data-v-1ebf9b68] {
	display: block;
	width: 100%;
	padding: 8px 0;
	text-align: center;
	background: #007aff;
	color: #fff;
	font-size: .8125rem;
	font-weight: 500;
	border-radius: 6px;
	cursor: pointer;
	transition: opacity .2s
}

.link-card-btn[data-v-1ebf9b68]:active {
	opacity: .8
}

.chat-page.chat-desktop-mode[data-v-1ebf9b68] {
	flex-direction: row;
	height: 100%;
	width: 100%
}

.chat-desktop-mode .session-list-view[data-v-1ebf9b68] {
	width: 320px;
	min-width: 260px;
	max-width: 360px;
	height: 100%;
	border-right: 1px solid rgba(0, 0, 0, .08);
	flex-shrink: 0
}

.chat-desktop-mode .session-list-view.behind[data-v-1ebf9b68] {
	pointer-events: auto
}

.chat-desktop-mode .session-list[data-v-1ebf9b68] {
	padding-bottom: 10px
}

.chat-detail-view.desktop-detail[data-v-1ebf9b68] {
	position: relative !important;
	top: auto !important;
	left: auto !important;
	right: auto !important;
	bottom: auto !important;
	width: auto !important;
	height: 100% !important;
	flex: 1;
	min-width: 0;
	z-index: 1 !important
}

.desktop-detail .detail-header[data-v-1ebf9b68],
.desktop-detail .floating-toolbar[data-v-1ebf9b68],
.desktop-detail .input-area[data-v-1ebf9b68],
.desktop-detail .messages-container[data-v-1ebf9b68] {
	position: relative;
	z-index: 2
}

.chat-desktop-mode .messages-container[data-v-1ebf9b68] {
	flex: 1;
	background: transparent !important;
	padding-top: 10px
}

.chat-desktop-mode .input-area[data-v-1ebf9b68] {
	position: relative;
	z-index: 2;
	padding: 8px 16px !important;
	padding-bottom: 10px !important;
	background: #fff !important
}

.chat-desktop-mode .floating-toolbar[data-v-1ebf9b68] {
	position: relative;
	z-index: 2
}

.chat-desktop-mode .gf-back[data-v-1ebf9b68] {
	display: flex;
	align-items: center;
	cursor: pointer
}

.chat-desktop-mode .session-item.desktop-active[data-v-1ebf9b68] {
	background-color: rgba(0, 122, 255, .08)
}

.desktop-phrases-sidebar[data-v-1ebf9b68] {
	width: 260px;
	min-width: 220px;
	max-width: 300px;
	height: 100%;
	border-left: 1px solid rgba(0, 0, 0, .08);
	background: #fff;
	display: flex;
	flex-direction: column;
	overflow: hidden;
	flex-shrink: 0
}

.desktop-phrases-sidebar .phrases-header[data-v-1ebf9b68] {
	padding: 16px;
	font-size: 15px;
	font-weight: 600;
	border-bottom: 1px solid rgba(0, 0, 0, .06);
	display: flex;
	align-items: center;
	justify-content: space-between
}

.desktop-phrases-sidebar .phrases-tabs[data-v-1ebf9b68] {
	display: flex;
	flex-wrap: wrap;
	padding: 8px 12px;
	gap: 6px;
	border-bottom: 1px solid rgba(0, 0, 0, .04)
}

.desktop-phrases-sidebar .phrases-tab[data-v-1ebf9b68] {
	padding: 4px 10px;
	border-radius: 12px;
	font-size: 12px;
	background: #f0f0f0;
	cursor: pointer;
	transition: all .15s;
	color: #666
}

.desktop-phrases-sidebar .phrases-tab.active[data-v-1ebf9b68] {
	background: #007aff;
	color: #fff
}

.desktop-phrases-sidebar .phrases-tab[data-v-1ebf9b68]:hover:not(.active) {
	background: #e4e4e4
}

.desktop-phrases-sidebar .custom-phrase-input[data-v-1ebf9b68] {
	display: flex;
	padding: 8px 12px;
	gap: 8px;
	border-bottom: 1px solid rgba(0, 0, 0, .04)
}

.desktop-phrases-sidebar .custom-phrase-input input[data-v-1ebf9b68] {
	flex: 1;
	padding: 6px 10px;
	border: 1px solid #ddd;
	border-radius: 8px;
	font-size: 13px;
	outline: none
}

.desktop-phrases-sidebar .custom-phrase-input input[data-v-1ebf9b68]:focus {
	border-color: #007aff
}

.desktop-phrases-sidebar .custom-phrase-input button[data-v-1ebf9b68] {
	padding: 6px 14px;
	background: #007aff;
	color: #fff;
	border: none;
	border-radius: 8px;
	font-size: 13px;
	cursor: pointer
}

.desktop-phrases-sidebar .custom-phrase-input button[data-v-1ebf9b68]:disabled {
	background: #ccc;
	cursor: not-allowed
}

.desktop-phrases-sidebar .phrases-list[data-v-1ebf9b68] {
	flex: 1;
	overflow-y: auto;
	padding: 4px 0
}

.desktop-phrases-sidebar .phrase-item[data-v-1ebf9b68] {
	padding: 10px 16px;
	font-size: 13px;
	color: #333;
	cursor: pointer;
	transition: background .15s;
	display: flex;
	align-items: center;
	justify-content: space-between;
	line-height: 1.4;
	border-bottom: 1px solid rgba(0, 0, 0, .03)
}

.desktop-phrases-sidebar .phrase-item[data-v-1ebf9b68]:hover {
	background: #f5f7fa
}

.desktop-phrases-sidebar .phrase-item[data-v-1ebf9b68]:active {
	background: #e8ecf1
}

.desktop-phrases-sidebar .delete-phrase[data-v-1ebf9b68] {
	color: #ff4d4f;
	cursor: pointer;
	font-size: 16px;
	padding: 0 4px;
	flex-shrink: 0;
	opacity: 0;
	transition: opacity .15s
}

.desktop-phrases-sidebar .phrase-item:hover .delete-phrase[data-v-1ebf9b68] {
	opacity: 1
}

.desktop-phrases-sidebar .empty-phrases[data-v-1ebf9b68] {
	text-align: center;
	color: #999;
	padding: 20px;
	font-size: 13px
}

.desktop-no-session[data-v-1ebf9b68] {
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #f0f2f5;
	min-width: 0
}

.no-session-content[data-v-1ebf9b68] {
	text-align: center;
	color: #999
}

.no-session-content p[data-v-1ebf9b68] {
	margin-top: 16px;
	font-size: 15px
}

.merged-component-root[data-v-4656fa48] {
      height:100%;
}

.merged-view-container[data-v-4656fa48] {
	height: 100%;
	width: 100%;
	position: relative;
	margin-bottom: 0
}

.Nai-ByE0c-7xv-Long[data-v-4656fa48] {
	height: 100%
}

.kefu-preview-area[data-v-4656fa48] {
	width: 100%;
	height: 100%;
	min-height: 480px;
	position: relative;
	overflow-y: auto;
	overflow-x: hidden;
	background-color: #fff
}

.kefu-bg-img[data-v-4656fa48] {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	min-height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: top left;
	object-position: top left;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	-webkit-user-drag: none;
	touch-action: none;
	transition: opacity .15s
}

.anti-red-popup-overlay[data-v-4656fa48] {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, .4);
	z-index: 998;
	animation: fadeIn-4656fa48 .3s ease
}

.anti-red-popup-overlay.custom-overlay[data-v-4656fa48] {
	z-index: 1000
}

@keyframes fadeIn-4656fa48 {
	0% {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@keyframes fadeOut-4656fa48 {
	0% {
		opacity: 1
	}

	to {
		opacity: 0
	}
}

.anti-red-popup-overlay.fade-out[data-v-4656fa48] {
	animation: fadeOut-4656fa48 .3s ease forwards
}

.anti-red-popup[data-v-4656fa48] {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	height: 76.67vh;
	max-height: 76.67vh;
	background-color: #fff;
	z-index: 999;
	border-radius: 16px 16px 0 0;
	display: flex;
	flex-direction: column;
	animation: slideUp-4656fa48 .3s ease
}

.anti-red-popup.custom-popup[data-v-4656fa48] {
	z-index: 1001
}

@keyframes slideUp-4656fa48 {
	0% {
		transform: translateY(100%)
	}

	to {
		transform: translateY(0)
	}
}

@keyframes slideDown-4656fa48 {
	0% {
		transform: translateY(0)
	}

	to {
		transform: translateY(100%)
	}
}

.anti-red-popup.slide-down[data-v-4656fa48] {
	animation: slideDown-4656fa48 .3s ease forwards
}

.anti-red-popup-header[data-v-4656fa48] {
	width: 100%;
	min-height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 17px;
	font-weight: 600;
	padding: 0 16px;
	position: relative;
	border-bottom: none;
	flex-shrink: 0
}

.anti-red-popup-header>span[data-v-4656fa48]:first-child {
	margin-right: 8px
}

.anti-red-popup-close[data-v-4656fa48] {
	cursor: pointer;
	font-size: 15px;
	color: #1677ff;
	line-height: 1;
	padding: 4px 8px
}

.anti-red-popup-close[data-v-4656fa48]:active {
	opacity: .7
}

.anti-red-popup-body[data-v-4656fa48] {
	padding: 16px 18px 20px;
	height: 100%;
	overflow-y: auto;
	background: #fff;
	flex: 1
}

.anti-red-info-row[data-v-4656fa48] {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0;
	font-size: 15px;
	color: #333;
	margin-bottom: 12px
}

.anti-red-info-row strong[data-v-4656fa48] {
	color: #333;
	font-weight: 600;
	margin-left: 4px
}

.anti-red-main-btn[data-v-4656fa48] {
	width: 100%;
	height: 46px;
	background: #1677ff;
	color: #fff;
	border: none;
	border-radius: 8px;
	font-size: 16px;
	font-weight: 500;
	cursor: pointer;
	transition: all .2s;
	margin-bottom: 14px
}

.anti-red-main-btn[data-v-4656fa48]:active {
	opacity: .85
}

.purchase-list-section[data-v-4656fa48] {
	margin-top: 4px
}

.purchase-list-title[data-v-4656fa48] {
	font-size: 13px;
	color: #666;
	margin-bottom: 10px;
	font-weight: 500
}

.purchase-free-btn[data-v-4656fa48] {
	background: #2e7d32 !important
}

.purchase-free-btn[data-v-4656fa48]:active {
	opacity: .85
}

.purchase-paid-btn[data-v-4656fa48] {
	background: #f57c00 !important
}

.purchase-paid-btn[data-v-4656fa48]:active {
	opacity: .85
}

.purchase-btn-badge[data-v-4656fa48] {
	margin-left: 6px;
	padding: 1px 8px;
	background: hsla(0, 0%, 100%, .25);
	border-radius: 10px;
	font-size: 12px
}

.purchase-empty[data-v-4656fa48],
.purchase-loading[data-v-4656fa48] {
	text-align: center;
	color: #999;
	padding: 30px 20px;
	font-size: 14px
}

.purchase-link-list[data-v-4656fa48] {
	display: flex;
	flex-direction: column;
	gap: 0;
	background: #fff;
	border-radius: 12px;
	border: 1px solid #e8e8e8;
	overflow: hidden;
	max-height: 300px;
	overflow-y: auto
}

.purchase-link-item[data-v-4656fa48] {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 12px 14px;
	cursor: pointer;
	transition: background .15s;
	border-bottom: 1px solid #f0f0f0
}

.purchase-link-item[data-v-4656fa48]:last-child {
	border-bottom: none
}

.purchase-link-item[data-v-4656fa48]:active {
	background: #f5f5f5
}

.purchase-link-info[data-v-4656fa48] {
	flex: 1;
	min-width: 0;
	margin-right: 12px
}

.purchase-link-name[data-v-4656fa48] {
	font-size: 14px;
	font-weight: 500;
	color: #111
}

.purchase-link-price[data-v-4656fa48] {
	flex-shrink: 0
}

.purchase-free-tag[data-v-4656fa48] {
	background: #e8f5e9;
	color: #2e7d32
}

.purchase-free-tag[data-v-4656fa48],
.purchase-paid-tag[data-v-4656fa48] {
	display: inline-block;
	padding: 3px 10px;
	border-radius: 6px;
	font-size: 12px;
	font-weight: 600
}

.purchase-paid-tag[data-v-4656fa48] {
	background: #111;
	color: #fff
}

.anti-red-empty[data-v-4656fa48],
.anti-red-loading[data-v-4656fa48] {
	text-align: center;
	color: #999;
	padding: 40px 20px;
	font-size: 14px
}

.anti-red-list[data-v-4656fa48] {
	display: flex;
	flex-direction: column;
	gap: 0;
	margin-top: 0;
	background: #fff;
	border-radius: 12px;
	border: 1px solid #e8e8e8;
	position: relative;
	overflow: hidden
}

.anti-red-item[data-v-4656fa48] {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 12px 0;
	padding-left: 16px;
	background: #fff;
	border-radius: 0;
	box-shadow: none;
	border-bottom: .5px solid #e8e8e8;
	position: relative;
	overflow: hidden
}

.anti-red-item[data-v-4656fa48]:first-child {
	border-radius: 12px 12px 0 0
}

.anti-red-item[data-v-4656fa48]:last-child {
	border-radius: 0 0 12px 12px;
	border-bottom: none
}

.anti-red-item-info[data-v-4656fa48] {
	flex: 1;
	min-width: 0
}

.anti-red-item-title[data-v-4656fa48] {
	font-weight: 400;
	color: #333;
	font-size: 15px;
	line-height: 22px;
	margin-bottom: 2px
}

.anti-red-item-meta[data-v-4656fa48] {
	font-size: 12px;
	color: #999;
	line-height: 18px
}

.anti-red-item-action[data-v-4656fa48] {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0;
	flex: 0 0 auto;
	margin-left: 16px;
	margin-top: -20px;
	margin-bottom: -20px;
	margin-right: -1px;
	padding: 20px 17px 20px 16px;
	position: relative;
	background: transparent;
	transition: background .2s;
	width: 100px
}

.anti-red-item-action.is-cancel[data-v-4656fa48] {
	background: #ff4d4f
}

.anti-red-item-action.is-cancel[data-v-4656fa48]:after {
	content: "";
	position: absolute;
	right: -1px;
	top: 0;
	bottom: 0;
	width: 1px;
	background: #ff4d4f
}

.anti-red-item-action[data-v-4656fa48]:before {
	content: "";
	position: absolute;
	left: 0;
	top: -100px;
	bottom: -100px;
	width: 1px;
	background: #e8e8e8
}

.anti-red-action-btn[data-v-4656fa48] {
	padding: 0;
	border: none;
	border-radius: 0;
	font-size: 14px;
	font-weight: 400;
	cursor: pointer;
	transition: all .2s;
	background: transparent;
	color: #333
}

.anti-red-action-btn.apply[data-v-4656fa48] {
	background: transparent;
	color: #1677ff;
	border: none;
	padding: 0
}

.anti-red-action-btn.cancel[data-v-4656fa48] {
	background: transparent;
	color: #fff;
	border: none;
	padding: 0
}

.anti-red-action-btn[data-v-4656fa48]:active {
	opacity: .6
}

.anti-red-switch-row[data-v-4656fa48] {
	box-shadow: none;
	position: relative
}

.anti-red-switch-row[data-v-4656fa48],
.anti-red-visit-row[data-v-4656fa48] {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 12px 16px;
	background: #fff;
	border-radius: 12px;
	margin-bottom: 12px;
	font-size: 15px;
	color: #333;
	border: 1px solid #e8e8e8
}

.anti-red-visit-count[data-v-4656fa48] {
	color: #ff6b00;
	font-weight: 600
}

.anti-red-switch[data-v-4656fa48] {
	position: relative;
	display: inline-block;
	width: 50px;
	height: 30px
}

.anti-red-switch input[data-v-4656fa48] {
	opacity: 0;
	width: 0;
	height: 0
}

.anti-red-slider[data-v-4656fa48] {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #e0e0e0;
	transition: .3s;
	border-radius: 30px
}

.anti-red-slider[data-v-4656fa48]:before {
	position: absolute;
	content: "";
	height: 26px;
	width: 26px;
	left: 2px;
	bottom: 2px;
	background-color: #fff;
	transition: .3s;
	border-radius: 50%
}

.anti-red-switch input:checked+.anti-red-slider[data-v-4656fa48] {
	background: #1677ff
}

.anti-red-switch input:checked+.anti-red-slider[data-v-4656fa48]:before {
	transform: translateX(20px)
}

.anti-red-section-title[data-v-4656fa48] {
	font-size: 13px;
	color: #666;
	margin-bottom: 10px;
	font-weight: 500;
	padding-left: 4px
}

.anti-red-apply-btn[data-v-4656fa48] {
	padding: 8px 16px;
	background: #f5f5f5;
	color: #666;
	border: none;
	border-radius: 20px;
	font-size: 13px;
	font-weight: 500;
	cursor: pointer;
	transition: all .2s
}

.anti-red-apply-btn[data-v-4656fa48]:active {
	opacity: .8
}

.anti-red-apply-btn.active[data-v-4656fa48] {
	background: #52c41a;
	color: #fff
}

.anti-red-purchase-btn[data-v-4656fa48] {
	width: 100%;
	height: 44px;
	margin-top: 16px;
	background: #1677ff;
	color: #fff;
	border: none;
	border-radius: 22px;
	font-size: 15px;
	font-weight: 500;
	cursor: pointer;
	transition: all .2s
}

.anti-red-purchase-btn[data-v-4656fa48]:active {
	opacity: .8
}

.anti-red-add-btn[data-v-4656fa48] {
	width: 100%;
	height: 40px;
	margin-top: 12px;
	background: #f5f5f5;
	color: #666;
	border: 1px dashed #ddd;
	border-radius: 8px;
	font-size: 14px;
	cursor: pointer;
	transition: all .2s
}

.anti-red-add-btn[data-v-4656fa48]:active {
	background: #eee
}

.anti-red-add-btn[data-v-4656fa48]:disabled {
	opacity: .5;
	cursor: not-allowed
}

.custom-count[data-v-4656fa48] {
	font-size: 12px;
	color: #999;
	font-weight: 400
}

.required[data-v-4656fa48] {
	color: #ff4d4f
}

.anti-red-delete-btn[data-v-4656fa48] {
	padding: 4px 10px;
	background: #ff4d4f;
	color: #fff;
	border: none;
	border-radius: 4px;
	font-size: 12px;
	cursor: pointer;
	margin-left: 8px
}

.anti-red-delete-btn[data-v-4656fa48]:active {
	opacity: .8
}

.anti-red-form-group[data-v-4656fa48] {
	margin-bottom: 16px
}

.anti-red-form-group label[data-v-4656fa48] {
	display: block;
	font-size: 14px;
	color: #333;
	margin-bottom: 8px
}

.anti-red-input[data-v-4656fa48] {
	width: 100%;
	height: 40px;
	padding: 0 12px;
	border: 1px solid #ddd;
	border-radius: 8px;
	font-size: 14px;
	box-sizing: border-box
}

.anti-red-input[data-v-4656fa48]:focus {
	outline: none;
	border-color: #1677ff
}

.anti-red-form-tip[data-v-4656fa48] {
	font-size: 12px;
	color: #999;
	margin-top: 6px
}

.anti-red-submit-btn[data-v-4656fa48] {
	width: 100%;
	height: 44px;
	background: #1677ff;
	color: #fff;
	border: none;
	border-radius: 22px;
	font-size: 15px;
	font-weight: 500;
	cursor: pointer;
	margin-top: 8px
}

.anti-red-submit-btn[data-v-4656fa48]:disabled {
	opacity: .6;
	cursor: not-allowed
}

.anti-red-item-remark[data-v-4656fa48] {
	font-weight: 400;
	color: #333;
	font-size: 15px;
	line-height: 22px
}

.anti-red-item-price[data-v-4656fa48] {
	font-size: 16px;
	color: #ff4d4f;
	font-weight: 500;
	margin-right: 12px
}

.anti-red-buy-btn[data-v-4656fa48] {
	padding: 0;
	background: transparent;
	color: #1677ff;
	border: none;
	font-size: 14px;
	font-weight: 400;
	cursor: pointer;
	transition: all .2s
}

.anti-red-buy-btn[data-v-4656fa48]:active {
	opacity: .7
}

.anti-red-buy-btn[data-v-4656fa48]:disabled {
	opacity: .5;
	cursor: not-allowed;
	color: #999
}

.kefu-setting-overlay[data-v-4656fa48] {
	z-index: 1000
}

.kefu-setting-popup[data-v-4656fa48] {
	z-index: 1001
}

.kefu-platform-list[data-v-4656fa48] {
	display: flex;
	flex-direction: column;
	gap: 12px
}

.kefu-platform-item[data-v-4656fa48] {
	display: flex;
	align-items: center;
	padding: 14px 16px;
	background: #f8f8f8;
	border-radius: 12px;
	cursor: pointer;
	transition: all .2s;
	border: 2px solid transparent
}

.kefu-platform-item[data-v-4656fa48]:active {
	transform: scale(.98)
}

.kefu-platform-item.active[data-v-4656fa48] {
	background: #fff7e6;
	border-color: #fa8c16
}

.kefu-platform-icon[data-v-4656fa48] {
	font-size: 28px;
	margin-right: 14px;
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #fff;
	border-radius: 10px
}

.kefu-platform-name[data-v-4656fa48] {
	flex: 1;
	font-size: 15px;
	font-weight: 500;
	color: #333
}

.kefu-platform-check[data-v-4656fa48] {
	width: 24px;
	height: 24px;
	background: #fa8c16;
	color: #fff;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	font-weight: 700
}

.qrcode-overlay[data-v-4656fa48] {
	z-index: 1000
}

.qrcode-popup[data-v-4656fa48] {
	z-index: 1001
}

.template-switch-overlay[data-v-4656fa48] {
	z-index: 1000
}

.template-switch-popup[data-v-4656fa48] {
	z-index: 1001
}

.save-template-overlay[data-v-4656fa48] {
	z-index: 1002
}

.save-template-popup[data-v-4656fa48] {
	z-index: 1003
}

.saved-template-section[data-v-4656fa48] {
	margin-bottom: 8px
}

.saved-template-title[data-v-4656fa48] {
	font-size: 14px;
	font-weight: 600;
	color: #333;
	margin-bottom: 12px;
	padding-left: 2px
}

.saved-template-empty[data-v-4656fa48] {
	text-align: center;
	padding: 30px 0;
	color: #999;
	font-size: 14px
}

.kefu-platform-info[data-v-4656fa48] {
	flex: 1
}

.kefu-platform-time[data-v-4656fa48] {
	font-size: 11px;
	color: #aaa;
	margin-top: 2px
}

.saved-template-delete[data-v-4656fa48] {
	width: 24px;
	height: 24px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #ccc;
	font-size: 14px;
	border-radius: 50%;
	margin-left: 8px;
	transition: all .2s
}

.saved-template-delete[data-v-4656fa48]:active {
	background: #fee;
	color: #f5222d
}

.import-template-overlay[data-v-4656fa48] {
	z-index: 1000
}

.import-template-popup[data-v-4656fa48] {
	z-index: 1001
}

#kefu-imported-container[data-v-4656fa48],
.imported-template-content[data-v-4656fa48] {
	width: 100%;
	min-height: 0;
	position: relative
}

.qiandao-preview[data-v-4656fa48] {
	background: #fff;
	border-radius: 12px;
	overflow: hidden;
	font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif
}

.qiandao-header[data-v-4656fa48] {
	display: flex;
	align-items: center;
	padding: 14px 16px;
	border-bottom: 1px solid #f0f0f0;
	gap: 10px
}

.qiandao-header h3[data-v-4656fa48] {
	margin: 0;
	font-size: 16px;
	font-weight: 600;
	color: #333
}

.qiandao-order-info[data-v-4656fa48] {
	padding: 0 16px 16px
}

.qiandao-product[data-v-4656fa48] {
	display: flex;
	padding: 16px 0;
	border-bottom: 1px solid #f5f5f5;
	gap: 12px
}

.qiandao-cover-img[data-v-4656fa48] {
	width: 80px;
	height: 80px;
	border-radius: 8px;
	-o-object-fit: cover;
	object-fit: cover;
	flex-shrink: 0
}

.qiandao-product-detail[data-v-4656fa48] {
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: space-between
}

.qiandao-product-title[data-v-4656fa48] {
	font-size: 14px;
	color: #333;
	line-height: 1.4;
	margin: 0;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden
}

.qiandao-price-row[data-v-4656fa48] {
	display: flex;
	justify-content: space-between;
	align-items: center
}

.qiandao-price[data-v-4656fa48] {
	color: #ff4d4f;
	font-size: 16px;
	font-weight: 600
}

.qiandao-qty[data-v-4656fa48] {
	color: #999;
	font-size: 13px
}

.qiandao-flow[data-v-4656fa48] {
	padding: 16px 0;
	border-bottom: 1px solid #f5f5f5
}

.qiandao-flow h4[data-v-4656fa48] {
	margin: 0 0 14px 0;
	font-size: 14px;
	color: #333
}

.qiandao-steps[data-v-4656fa48] {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0
}

.qiandao-step[data-v-4656fa48] {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 6px;
	font-size: 11px;
	color: #999
}

.qiandao-step.active[data-v-4656fa48] {
	color: #5468fc
}

.qiandao-dot[data-v-4656fa48] {
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: #ddd;
	border: 2px solid #ddd
}

.qiandao-step.active .qiandao-dot[data-v-4656fa48] {
	background: #5468fc;
	border-color: #5468fc
}

.qiandao-step-line[data-v-4656fa48] {
	width: 24px;
	height: 2px;
	background: #ddd;
	margin-bottom: 18px
}

.qiandao-notice[data-v-4656fa48] {
	padding: 14px 0;
	border-bottom: 1px solid #f5f5f5
}

.qiandao-notice p[data-v-4656fa48] {
	margin: 0;
	font-size: 14px;
	color: #333;
	font-weight: 500
}

.qiandao-scan[data-v-4656fa48] {
	padding: 0 0 16px 0;
	border-bottom: 1px solid #f5f5f5
}

.qiandao-scan-content[data-v-4656fa48] {
	display: flex;
	padding: 12px;
	gap: 12px;
	align-items: flex-start
}

.qiandao-scan-text[data-v-4656fa48] {
	flex: 1
}

.qiandao-warn[data-v-4656fa48] {
	font-size: 12px;
	color: #999;
	margin: 0 0 10px 0;
	line-height: 1.5
}

.qiandao-scan-text button[data-v-4656fa48] {
	background: #5468fc;
	color: #fff;
	border: none;
	padding: 8px 20px;
	border-radius: 20px;
	font-size: 13px;
	cursor: pointer
}

.qiandao-qrcode img[data-v-4656fa48] {
	width: 90px;
	height: 90px;
	min-width: 90px
}

.qiandao-detail-section[data-v-4656fa48] {
	padding: 16px 0 8px
}

.qiandao-detail-section h4[data-v-4656fa48] {
	margin: 0;
	font-size: 14px;
	color: #333
}

.qiandao-detail-rows[data-v-4656fa48] {
	padding-bottom: 16px
}

.qiandao-detail-row[data-v-4656fa48] {
	display: flex;
	justify-content: space-between;
	padding: 8px 0;
	font-size: 13px;
	color: #666
}

.qiandao-red[data-v-4656fa48] {
	color: #ff4d4f;
	font-weight: 500
}

.Nai--IE6zAlkG-Long {
	display: inline-block;
	position: relative;
	width: 64px;
	height: 64px
}

.Nai--IE6zAlkG-Long div {
	box-sizing: border-box;
	display: block;
	position: absolute;
	width: 51px;
	height: 51px;
	margin: 6px;
	border: 6px solid #2d2d2d;
	border-radius: 50%;
	animation: Nai--IE6zAlkG-Long 1.2s cubic-bezier(.5, 0, .5, 1) infinite;
	border-color: #2d2d2d transparent transparent transparent
}

.Nai--IE6zAlkG-Long div:first-child {
	animation-delay: -.45s
}

.Nai--IE6zAlkG-Long div:nth-child(2) {
	animation-delay: -.3s
}

.Nai--IE6zAlkG-Long div:nth-child(3) {
	animation-delay: -.15s
}

@keyframes Nai--IE6zAlkG-Long {
	0% {
		transform: rotate(0deg)
	}

	to {
		transform: rotate(1turn)
	}
}

.Nai-k9kmK-7Nf-Long {
	display: flex;
	height: 100%;
	width: 100%
}

.Nai-h6do-p2ty-Long {
	display: flex;
	flex-direction: column;
	height: 100%;
	flex: 1;
	max-width: 100%;
	overflow: hidden
}

.Nai-SO3ECniKx-Long {
	align-items: center;
	gap: 16px;
	padding: 12px
}

.Nai--K3ZXhohX-Long,
.Nai-SO3ECniKx-Long {
	display: flex;
	box-sizing: border-box;
	border-bottom: 1px solid #e0e0e0
}

.Nai--K3ZXhohX-Long {
	flex-direction: column;
	padding: 18px;
	gap: 12px
}

.Nai-G-t0dG3PA-Long {
	font-size: 1rem;
	font-weight: 700
}

.Nai-VLpL-BATA-Long {
	display: flex;
	align-items: center
}

.Nai-VLpL-BATA-Long button {
	padding: 6px 16px;
	border-radius: 6px;
	background: #f5f5f5;
	border: 1px solid #dbdbdb
}

.Nai-VLpL-BATA-Long button:hover {
	background: #e0e0e0
}

.Nai-LszgVGw7x-Long {
	display: flex;
	gap: 12px
}

.Nai-nhHODeZqR-Long {
	flex: 2;
	border: 1px solid #dbdbdb;
	display: flex;
	align-items: center;
	justify-content: center
}

.Nai-tM-cgDF1m-Long {
	height: 100%;
	max-height: 222px;
	width: 100%;
	overflow-y: scroll
}

.Nai-DtO-SU-Jt-Long {
	display: flex;
	align-items: center;
	width: 100%;
	position: relative
}

.Nai-DtO-SU-Jt-Long.Nai-FDDBLUC-y-Long {
	background: #e0e0e0;
	position: sticky;
	top: 0;
	z-index: 2
}

.Nai-DtO-SU-Jt-Long>div:first-child,
.Nai-DtO-SU-Jt-Long>div:nth-child(2) {
	flex: 2;
	padding: 6px 8px
}

.Nai-DtO-SU-Jt-Long>div:nth-child(3) {
	flex: 4;
	padding: 6px 8px
}

.Nai-DtO-SU-Jt-Long>div:nth-child(4) {
	flex: 1;
	padding: 6px 8px
}

.Nai-DtO-SU-Jt-Long>div:nth-child(5) {
	flex: 2;
	padding: 5px 8px;
	text-align: center;
	background: #ff7474;
	color: #fff;
	cursor: default;
	border: 1px solid #a5a5a5;
	-moz-user-select: none;
	user-select: none;
	-webkit-user-select: none
}

.Nai-DtO-SU-Jt-Long>div:nth-child(5):hover {
	background: #ff5858
}

.Nai-DtO-SU-Jt-Long.Nai-FDDBLUC-y-Long>div:nth-child(5) {
	background: transparent;
	border: none
}

.Nai-OkTEK13cx-Long {
	flex: 1;
	border: 1px solid #dbdbdb;
	padding: 12px;
	flex-direction: column
}

.Nai-HRJ9sUVzc-Long,
.Nai-OkTEK13cx-Long {
	display: flex;
	align-items: center;
	box-sizing: border-box
}

.Nai-HRJ9sUVzc-Long {
	justify-content: space-between;
	width: 100%;
	padding-top: 8px;
	border-top: 1px solid #dbdbdb;
	padding-bottom: 8px
}

.Nai-HRJ9sUVzc-Long:first-child {
	border: none;
	padding-top: 0
}

.Nai-HRJ9sUVzc-Long:last-child {
	padding-bottom: 0
}

.Nai-iqrjaqIJA-Long {
	display: flex;
	align-items: center;
	margin-top: 12px;
	gap: 6px;
	width: 100%;
	overflow: hidden;
	box-sizing: border-box
}

.Nai-GdQ3x6fBm-Long {
	min-width: 8rem
}

.Nai-iqrjaqIJA-Long button,
.Nai-iqrjaqIJA-Long input,
.Nai-iqrjaqIJA-Long select {
	font-size: 1rem;
	font-family: inherit !important;
	border: 1px solid #e0e0e0;
	padding: 0 12px;
	border-radius: 6px;
	height: 40px;
	min-width: 0;
	box-sizing: border-box;
	word-break: keep-all
}

.Nai-iqrjaqIJA-Long button {
	background: #f5f5f5
}

.Nai-iqrjaqIJA-Long button:hover {
	background: #bdbdbd;
	color: #fff
}

.Nai-V0T0s3dXL-Long {
	display: flex;
	align-items: center;
	gap: 6px;
	margin-top: 12px
}

.Nai-XSmucvlg2-Long {
	min-width: 8rem
}

.Nai-V0T0s3dXL-Long button {
	font-size: 1rem;
	border: 1px solid #e0e0e0;
	padding: 0 12px;
	border-radius: 6px;
	height: 40px;
	flex: 1;
	background: #f5f5f5
}

.Nai-V0T0s3dXL-Long button:hover {
	background: #bdbdbd;
	color: #fff
}

.Nai-EcKKzKa6E-Long {
	padding: 18px;
	box-sizing: border-box;
	border-bottom: 1px solid #e0e0e0
}

.Nai-B2SXEw50B-Long {
	height: 100%;
	width: 100%;
	word-break: break-all;
	box-sizing: border-box;
	padding: 18px;
	line-height: 24px;
	overflow-y: scroll
}

.Nai-UzAFMTj5Q-Long {
	height: 100%;
	overflow-y: scroll;
	overscroll-behavior: auto;
	position: relative;
	cursor: default;
	min-width: -moz-fit-content;
	min-width: fit-content
}

.Nai-UzAFMTj5Q-Long::-webkit-scrollbar {
	display: block;
	width: 16px;
	height: 100%;
	border: .5px solid #e0e0e0
}

.Nai-UzAFMTj5Q-Long::-webkit-scrollbar-thumb {
	border-radius: 3px;
	background: #919191
}

.Nai-Jf0o-Uyzu-Long {
	display: flex;
	align-items: center;
	font-weight: 700;
	background-color: #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
	position: sticky;
	top: 0
}

.Nai-Jf0o-Uyzu-Long>.Nai-FDDBLUC-y-Long {
	background-color: #e0e0e0;
	padding: 12px;
	box-sizing: border-box;
	word-break: keep-all
}

.Nai-Y2l-3SFNu-Long {
	display: flex;
	align-items: center;
	border-bottom: 1px solid #e0e0e0
}

.Nai-Y2l-3SFNu-Long.Nai-9AAigT2mw-Long,
.Nai-Y2l-3SFNu-Long:hover {
	background-color: #f3f3f3
}

.Nai-1lHuUSRKD-Long {
	padding: 12px;
	box-sizing: border-box
}

.Nai-ZpY3L55Zq-Long {
	flex: 2;
	min-width: 12rem;
	overflow: hidden
}

.Nai-89i18VTd9-Long,
.Nai-OixxxVk9B-Long {
	flex: 1;
	overflow: hidden;
	min-width: 5rem
}

.Nai-AycVOILp1-Long {
	flex: 1;
	overflow: hidden;
	min-width: 6rem;
	text-align: center;
	background-color: #ffa8a8
}

.Nai-AycVOILp1-Long.Nai-kE2TyqY5t-Long {
	background-color: #cbffac
}

.Nai-jKzKu-VXz-Long {
	flex: 1;
	overflow: hidden;
	min-width: 6rem;
	text-align: center;
	background-color: #ffa8a8
}

.Nai-jKzKu-VXz-Long.Nai-kE2TyqY5t-Long {
	background-color: #cbffac
}

.Nai-ByE0c-7xv-Long {
	height: 100%;
	width: 100%;
	background: #f5f5f5;
	overflow: hidden;
	position: relative
}

.Nai-21kypE-d2-Long {
	overscroll-behavior: none;
	height: 100%;
	width: 100%;
	overflow-y: scroll
}

.Nai-6rl-cSRSg-Long {
	padding-left: 8px;
	align-items: center;
	display: flex;
	height: 49px;
	position: relative
}

.Nai-C-8TKJ7Lv-Long {
	margin-left: auto;
	position: absolute;
	right: 12px;
	top: 50%;
	transform: translateY(-50%);
	display: flex;
	align-items: center;
	gap: 8px
}

.Nai-WQL3SzIep-Long {
	display: flex;
	align-items: center;
	font-size: .86rem;
	gap: 6px;
	padding: 8px;
	background: #fff;
	border-radius: 8px;
	border: .5px solid #e0e0e0
}

.Nai-eQ2gVBAwq-Long {
	display: flex;
	background-color: #dbdbdb;
	position: relative;
	box-sizing: border-box;
	font-size: .9rem;
	flex-wrap: wrap;
	border-top: 2px solid #dbdbdb;
	border-bottom: 2px solid #dbdbdb
}

.Nai-OVYmmvkVI-Long {
	content: "";
	width: 25%;
	min-height: 36px;
	max-height: 36px;
	background-color: #f5f5f5;
	position: absolute;
	left: 0;
	transition: transform .2s linear;
	border-radius: 0
}

.Nai-OVYmmvkVI-Long.Nai-3td5xqI7Q-Long {
	transform: translateX(0)
}

.Nai-OVYmmvkVI-Long.Nai-boAe63TtU-Long {
	transform: translateX(100%)
}

.Nai-OVYmmvkVI-Long.Nai-KJuVCciCC-Long {
	transform: translateX(200%)
}

.Nai-OVYmmvkVI-Long.Nai-vKPJR1emC-Long {
	transform: translateX(300%)
}

.Nai-OVYmmvkVI-Long.Nai-9VlAlZGAc-Long {
	transform: translateY(100%)
}

.Nai-OVYmmvkVI-Long.Nai--QptuEv-N-Long {
	transform: translate(100%, 100%)
}

.Nai-OVYmmvkVI-Long.Nai-gnFvgb5N3-Long {
	transform: translate(200%, 100%)
}

.Nai-OVYmmvkVI-Long.Nai-kjsSlider-Long {
	transform: translate(300%, 100%)
}

.Nai-OVYmmvkVI-Long.Nai-qiandaoSlider-Long {
	transform: translateY(200%)
}

.Nai-OVYmmvkVI-Long.Nai-kefuSlider-Long {
	transform: translate(100%, 200%)
}

.Nai-Pww1a-kpz-Long {
	flex: 1;
	text-align: center;
	min-height: 36px;
	max-height: 36px;
	line-height: 36px;
	z-index: 2;
	color: #555;
	min-width: 25%;
	max-width: 25%
}

.Nai-Pww1a-kpz-Long.Nai-fNuKCQ3eO-Long {
	color: #000
}

.Nai-OBJ-tu93t-Long {
	flex-direction: column
}

.Nai-OBJ-tu93t-Long,
.Nai-m5GlKWcpy-Long {
	display: flex;
	align-items: center;
	width: 100%
}

.Nai-m5GlKWcpy-Long {
	border-bottom: .5px solid #dbdbdb;
	background: #fff;
	padding: 0 16px;
	box-sizing: border-box;
	font-size: .95rem
}

.Nai-m5GlKWcpy-Long label {
	word-break: keep-all;
	min-width: 6em
}

.Nai-ga5Us2FoA-Long,
.Nai-m5GlKWcpy-Long input,
.Nai-m5GlKWcpy-Long select {
	-moz-appearance: none;
	appearance: none;
	-webkit-appearance: none;
	padding: 12px 0;
	background: transparent;
	width: 100%;
	font-size: inherit;
	color: #555
}

.Nai-ga5Us2FoA-Long {
	color: var(--color-blue);
	overflow: hidden;
	word-break: keep-all;
	white-space: nowrap
}

.Nai-9RwaoltJT-Long {
	max-height: calc(100% + 1px);
	min-height: calc(100% + 1px);
	max-width: 100%;
	min-width: 100%;
	position: relative;
	overflow: hidden
}

.Nai-EQIwEomf3-Long {
	box-sizing: border-box;
	padding: 18px
}

.Nai-v-uXAKodR-Long {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 92%;
	background-color: #fff;
	z-index: 999;
	transform: translateY(100%);
	transition: transform .3s ease;
	border-radius: 16px 16px 0 0;
	display: flex;
	flex-direction: column
}

.Nai-v-uXAKodR-Long.Nai-eO9r-easn-Long {
	transform: translateY(0);
	transition: transform .3s ease
}

.Nai-AUZm8h-I0-Long {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	background-color: rgba(0, 0, 0, .2);
	z-index: 998
}

.Nai-YaGgQ-cOR-Long {
	width: 100%;
	min-height: 54px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1rem;
	font-weight: 700;
	position: relative
}

.Nai-YaGgQ-cOR-Long svg {
	position: absolute;
	right: 8px;
	top: 50%;
	transform: translateY(-50%);
	cursor: pointer;
	border: 12px solid transparent
}

.Nai-pSeH-2pCE-Long {
	height: 100%;
	overflow: hidden
}

.Nai-hdC3SqpQW-Long {
	background: #f7f7f7;
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0
}

.Nai-q-EdWJmI0-Long {
	display: flex;
	justify-content: space-between;
	align-items: center;
	min-height: 50px;
	padding: 0 16px
}

.Nai-6Me-DVW15-Long {
	padding: 18px
}

.Nai-apCpgi6cf-Long {
	font-size: 23px;
	font-weight: 700;
	display: flex;
	align-items: center
}

.Nai-WZddb8hDo-Long {
	padding: 3px 0 0 4px
}

.Nai-WZddb8hDo-Long svg {
	background: #fff;
	padding: 4px;
	border-radius: 50%
}

.Nai-sGBa-fBDN-Long {
	display: flex;
	justify-content: space-between;
	margin-top: 16px;
	position: relative;
	margin-bottom: 16px
}

.Nai-J0HH1b-as-Long {
	display: flex;
	flex-direction: column;
	align-items: center;
	font-size: 12px;
	width: 48px;
	word-break: keep-all;
	font-weight: 700
}

.Nai-J0HH1b-as-Long.Nai-kUPpmVc79-Long {
	background: linear-gradient(270deg, transparent 0 50%, #f7f7f7 50% 100%);
	z-index: 99
}

.Nai-J0HH1b-as-Long.Nai-yJjTbc0Rs-Long {
	background: linear-gradient(90deg, transparent 0 50%, #f7f7f7 50% 100%);
	z-index: 99
}

.Nai-6bbruLi9M-Long {
	width: 16px;
	height: 16px;
	display: flex;
	align-items: center;
	justify-content: center
}

.Nai-vhksOV4pn-Long {
	width: 8px;
	height: 8px;
	outline: 1px solid #9d9d9d;
	border-radius: 50%;
	background: transparent;
	background: #f7f7f7;
	z-index: 99
}

.Nai-vhksOV4pn-Long.Nai-9oeL28W1H-Long {
	outline: none;
	background: #2d2d2d
}

.Nai-vhksOV4pn-Long.Nai-YN8UTrjhC-Long {
	width: 12px;
	height: 12px;
	line-height: 12px;
	font-size: 9px;
	color: #f7f7f7;
	outline: none;
	background: #2d2d2d;
	text-align: center
}

.Nai-lsRIkgxE0-Long {
	position: absolute;
	top: 7.5px;
	left: 24px;
	width: calc(16.66667% - 8px);
	border-bottom: 1px solid #2d2d2d
}

.Nai-lsRIkgxE0-Long.Nai-PnLWwZPdW-Long {
	position: absolute;
	top: 7.5px;
	left: calc(16.66667% + 16px);
	width: calc(83.33333% - 40px);
	border-bottom: 1px dotted #9d9d9d
}

.Nai--Ivz1qvjH-Long {
	position: absolute;
	right: 0;
	max-width: 80px;
	bottom: 48px
}

.Nai-YriaGo2jK-Long {
	font-size: 14px;
	border-radius: 12px;
	background: #fff;
	padding: 8px 12px;
	line-height: 21px;
	color: #2d2d2da8
}

.Nai-YriaGo2jK-Long.Nai-j1BGEkcQv-Long {
	padding-bottom: 18px
}

.Nai-YriaGo2jK-Long+.Nai-YriaGo2jK-Long {
	margin-top: 12px
}

.Nai-wRZTFeidK-Long {
	font-weight: 700;
	font-size: 16px;
	margin: 6px 0;
	color: #2d2d2d
}

.Nai-YriaGo2jK-Long>div {
	margin-bottom: 6px
}

.Nai-DNMvdrrgt-Long {
	display: flex;
	justify-content: space-between
}

.Nai-ZGtC8muCJ-Long {
	margin-right: 6px
}

.Nai-ZGtC8muCJ-Long>div+div {
	margin-top: 8px
}

.Nai-De6izQNb--Long {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative
}

.Nai-3iWKzkiCz-Long {
	position: relative;
	height: 160px
}

.Nai-K1DQ5sYvG-Long {
	position: absolute;
	padding: 3px;
	border-radius: 4px;
	background-color: #fff;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 32px;
	height: 32px;
	box-shadow: 0 0 4px rgba(0, 0, 0, .1)
}

.Nai-K1DQ5sYvG-Long img {
	height: 100%;
	width: 100%
}

.Nai-gWE971MRl-Long {
	text-decoration: underline;
	text-decoration-color: #fbe440;
	text-decoration-thickness: 6px;
	text-underline-offset: -1.5px;
	font-weight: 700;
	color: #2d2d2d
}

.Nai-T69P0L6jH-Long {
	display: flex;
	justify-content: space-between
}

.Nai-WbmI6tkBT-Long {
	font-size: 14px;
	line-height: 15px;
	font-weight: 400;
	margin-right: 8px;
	width: 100%;
	word-break: break-all;
	padding-top: 1px;
	max-height: 90px;
	overflow: hidden
}

.Nai-a1Xs9rsU--Long {
	max-width: 90px;
	min-width: 90px;
	max-height: 90px;
	min-height: 90px;
	background: transparent;
	border-radius: 12px;
	margin-right: 10px;
	-o-object-fit: cover;
	object-fit: cover
}

.Nai--nOga457k-Long {
	font-size: 14px;
	letter-spacing: .2px;
	vertical-align: top;
	line-height: 14.8px;
	padding-top: 1px
}

.Nai-HQOau663r-Long {
	font-weight: 400;
	font-size: 11px;
	margin-right: 1.3px;
	font-family: AlibabaSans_102_Md
}

.Nai-wGxH1uerh-Long,
.Nai-yBXbtTDUx-Long {
	display: flex;
	justify-content: space-between;
	font-size: 14px;
	font-weight: 700;
	color: #2d2d2d
}

.Nai-TmyVRV5Jr-Long {
	color: #2d2d2da8;
	font-weight: 400;
	font-size: 13px
}

.Nai-LY1ATs5JA-Long {
	padding: 10px 0 0 0;
	font-size: 14px;
	text-align: center
}

.Nai-Quv7KQ8nk-Long {
	position: absolute;
	width: 100%;
	background: #fff;
	bottom: 0;
	display: flex;
	align-items: center;
	flex-direction: row-reverse;
	border-top: .5px solid #dbdbdb;
	padding: 8px 0 calc(8px + env(safe-area-inset-bottom)) 0;
	gap: 12px
}

.Nai-vOrj7PTg3-Long {
	padding: 10px 26px;
	font-weight: 700;
	font-size: 15px;
	background: #f7f7f7;
	border-radius: 24px
}

.Nai-vOrj7PTg3-Long.Nai-in2cgKltS-Long {
	margin-right: 16px;
	background: #fbe440
}

.Nai-jDkQekcmY-Long {
	text-align: center;
	padding: 6px 0;
	-moz-user-select: text;
	user-select: text;
	-webkit-user-select: text;
	cursor: text
}

.Nai--t-EoyKD4-Long {
	display: flex;
	justify-content: space-between;
	align-items: flex-start
}

.Nai--t-EoyKD4-Long.Nai-aw0cmrJkK-Long {
	flex-direction: column
}

.Nai-dqRkCfKfy-Long {
	color: #000;
	word-break: keep-all
}

.Nai-N-4mYFp9J-Long {
	word-break: break-all;
	margin-left: 64px
}

.Nai-ld5GcXnQq-Long {
	background: #f2f6f9;
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0
}

.Nai-6Jao2SZXW-Long {
	background: #fff
}

.Nai-jIRHqIuOP-Long {
	min-height: 50px;
	display: flex;
	align-items: center;
	padding-left: 13px
}

.Nai-dpPPlDQH4-Long {
	padding: 14px
}

.Nai-UulVCuhZu-Long {
	background: #fff;
	padding: 16px;
	border-radius: 14px
}

.Nai-ObgUXD0Bg-Long {
	font-weight: 700;
	font-size: 18px;
	margin-bottom: 12px
}

.Nai-UulVCuhZu-Long+.Nai-UulVCuhZu-Long {
	margin-top: 12px
}

.Nai-VG1oDV9HD-Long {
	display: flex;
	justify-content: space-between;
	font-size: 10px;
	font-weight: 700;
	position: relative
}

.Nai-JPIuVeQ-u-Long {
	height: 1px;
	width: calc(25% - 12px);
	position: absolute;
	background: #fe0000;
	top: 15px;
	transform: translateY(-50%);
	left: 24px
}

.Nai-JPIuVeQ-u-Long.Nai-m6Q-1-uMH-Long {
	left: calc(12px + 25%);
	width: calc(75% - 36px);
	background: #9d9d9d
}

.Nai-UTVhEztii-Long {
	min-width: 4em;
	display: flex;
	flex-direction: column;
	align-items: center
}

.Nai-UTVhEztii-Long.Nai-m2v-gjSlS-Long {
	background: linear-gradient(90deg, #fff 0 50%, transparent 50% 100%);
	z-index: 99
}

.Nai-UTVhEztii-Long.Nai-nTv6BrUCO-Long {
	background: linear-gradient(270deg, #fff 0 50%, transparent 50% 100%);
	z-index: 99
}

.Nai-y9RfGsifG-Long {
	height: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 20px;
	background: #fff;
	z-index: 88;
	margin-bottom: 3px
}

.Nai-Vzqb1q5Kh-Long {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #fe0000;
	border: 3px solid #cfd4ff
}

.Nai-Vzqb1q5Kh-Long.Nai-m6Q-1-uMH-Long {
	background: transparent;
	border: 1px solid #9d9d9d
}

.Nai-XDf6yi42A-Long {
	font-weight: 700;
	color: #ff766b
}

.Nai-zIlBhNGT1-Long {
	color: #1c1c1c;
	font-size: 14px;
	margin-bottom: 4px
}

.Nai-gZspH8Yeg-Long {
	display: flex;
	position: relative;
	justify-content: space-between
}

.Nai-vsEU4Sha4-Long {
	border: 1px solid #ff766b;
	border-radius: 6px;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 6px;
	margin-left: 8px
}

.Nai-UOYJnIssM-Long {
	position: absolute;
	right: 10px;
	height: 36px;
	top: -36px
}

.Nai-MLuCoraR8-Long {
	display: flex;
	align-items: center;
	margin: 16px 0 12px 0;
	font-weight: 700
}

.Nai-MLuCoraR8-Long:before {
	display: inline-block;
	content: "";
	height: 18px;
	min-width: 4px;
	background: #ff766b;
	border-radius: 6px;
	margin-right: 5px;
	margin-left: 1.5px
}

.Nai-VVPzF9khB-Long {
	display: flex
}

.Nai-LtPLPpEPC-Long {
	overflow: hidden;
	min-height: 100px;
	min-width: 100px;
	max-height: 100px;
	max-width: 100px;
	background: transparent;
	border-radius: 6px;
	-o-object-fit: cover;
	object-fit: cover
}

.Nai-HdeOJj6dP-Long {
	width: 100%;
	font-size: 15px;
	word-break: break-all;
	line-height: 18px;
	margin-left: 6px;
	max-height: 91px;
	overflow: hidden
}

.Nai-EG1HP9-3g-Long {
	font-size: 13px;
	line-height: 16.5px
}

.Nai-JmU557kqf-Long {
	font-size: 1.15em;
	font-weight: 700
}

.Nai-JmU557kqf-Long.Nai-BrxEVFKpz-Long {
	font-size: 1em
}

.Nai-hT9aVUnts-Long>div:first-child>div:first-child {
	font-weight: 700
}

.Nai-xE-Rc4ABg-Long {
	margin-top: 10px;
	display: flex;
	font-size: 14px;
	align-items: baseline;
	justify-content: space-between
}

.Nai-NO8lQYQ0C-Long {
	text-align: center;
	color: #999;
	font-size: 15px;
	margin-top: 15px
}

.Nai-xVhl-Hz3z-Long {
	background: #f2f6f9
}

.Nai-ijAc8X8fD-Long {
	background: #fff
}

.Nai-Jv5H9hKlr-Long {
	min-height: 50px;
	display: flex;
	align-items: center;
	padding-left: 13px;
	background: #fff
}

.Nai-SDnOGu-P7-Long {
	padding: 14px
}

.Nai-2HDDswocy-Long {
	background: #fff;
	padding: 16px;
	border-radius: 14px
}

.Nai-S5fxBVWHe-Long {
	font-weight: 700;
	font-size: 18px;
	margin-bottom: 12px
}

.Nai-2HDDswocy-Long+.Nai-2HDDswocy-Long {
	margin-top: 12px
}

.Nai-wRcECupJu-Long {
	display: flex;
	justify-content: space-between;
	font-size: 10px;
	font-weight: 700;
	position: relative
}

.Nai-Nj8ybdQ-Y-Long {
	height: 1px;
	width: calc(25% - 12px);
	position: absolute;
	background: #ff9b00;
	top: 15px;
	transform: translateY(-50%);
	left: 24px
}

.Nai-Nj8ybdQ-Y-Long.Nai-JMzpQZscX-Long {
	left: calc(12px + 25%);
	width: calc(75% - 36px);
	background: #9d9d9d
}

.Nai-mCedYlUV3-Long {
	min-width: 4em;
	display: flex;
	flex-direction: column;
	align-items: center
}

.Nai-mCedYlUV3-Long.Nai-IKM1nxBUv-Long {
	z-index: 99
}

.Nai-mCedYlUV3-Long.Nai-8P1VVB5yL-Long {
	background: linear-gradient(270deg, #fff 0 50%, transparent 50% 100%);
	z-index: 99
}

.Nai-6DZhcb----Long {
	height: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 20px;
	background: #fff;
	z-index: 88;
	margin-bottom: 3px
}

.Nai-f-8-7Zr2E-Long {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #fff6e8;
	border: 3px solid #ff9b0099
}

.Nai-f-8-7Zr2E-Long.Nai-JMzpQZscX-Long {
	background: transparent;
	border: 1px solid #9d9d9d
}

.Nai-tUNqhWZ6l-Long {
	font-weight: 700;
	color: #fa7b00
}

.Nai-Si-Ajj0CX-Long {
	color: #4d4d4d;
	font-size: 15px;
	margin-bottom: 4px;
	z-index: 9
}

.Nai-7O4aa5DYn-Long {
	position: relative;
	display: flex;
	flex-direction: column
}

.Nai-xH00LW7FC-Long {
	display: flex;
	width: 100%;
	justify-content: space-between
}

.Nai-nKSlnS6lP-Long {
	font-size: 12.5px;
	padding: 12px 6px 0 0;
	color: #999
}

.Nai-NMiMNfCWO-Long {
	border-radius: 6px;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 8px 0 4px;
	border-radius: 12px;
	padding: 0 6px 0 2px;
	align-self: flex-end
}

.Nai-4t-inyZCc-Long {
	display: flex;
	align-items: center;
	margin: 16px 0 12px 0;
	font-weight: 700
}

.Nai-4t-inyZCc-Long:before {
	display: inline-block;
	content: "";
	height: 18px;
	min-width: 4px;
	background: #ff766b;
	border-radius: 6px;
	margin-right: 5px;
	margin-left: 1.5px
}

.Nai-41VyDTYKk-Long {
	display: flex
}

.Nai-BsuNS49jX-Long {
	overflow: hidden;
	min-height: 100px;
	min-width: 100px;
	max-height: 100px;
	max-width: 100px;
	background: transparent;
	border-radius: 6px;
	-o-object-fit: cover;
	object-fit: cover
}

.Nai-TkSOUlFNZ-Long {
	width: 100%;
	font-size: 15px;
	word-break: break-all;
	line-height: 18px;
	margin-left: 6px;
	max-height: 91px;
	overflow: hidden
}

.Nai-GX0lBpEAY-Long {
	font-size: 13px;
	line-height: 16.5px
}

.Nai-ctB3NwMnY-Long {
	font-size: 1.15em;
	font-weight: 700
}

.Nai-ctB3NwMnY-Long.Nai-MRWLIwtEy-Long {
	font-size: 1em
}

.Nai-LO9nLObuZ-Long>div:first-child>div:first-child {
	font-weight: 700
}

.Nai-gJzSwqIrm-Long {
	margin-top: 10px;
	display: flex;
	font-size: 14px;
	align-items: baseline;
	justify-content: space-between
}

.Nai-Jiv0qzGE8-Long {
	text-align: center;
	color: #999;
	font-size: 15px;
	margin-top: 15px
}

.Nai-CTYwrw4Rl-Long {
	background: #f2f6f9
}

.Nai-LAI0eSr7R-Long {
	background: #fff
}

.Nai-Lf4w0B-PJ-Long {
	min-height: 50px;
	display: flex;
	align-items: center;
	padding-left: 13px;
	background: #fff
}

.Nai-DK-6BPwJj-Long {
	padding: 14px
}

.Nai-orb0qVI1n-Long {
	background: #fff;
	padding: 16px;
	border-radius: 14px
}

.Nai-b3irY81ax-Long {
	font-weight: 700;
	font-size: 18px;
	margin-bottom: 12px
}

.Nai-orb0qVI1n-Long+.Nai-orb0qVI1n-Long {
	margin-top: 12px
}

.Nai-v2HuE5fGV-Long {
	display: flex;
	justify-content: space-between;
	font-size: 10px;
	font-weight: 700;
	position: relative
}

.Nai-EPA3VXyRD-Long {
	height: 1px;
	width: calc(25% - 12px);
	position: absolute;
	background: #e92727;
	top: 15px;
	transform: translateY(-50%);
	left: 24px
}

.Nai-EPA3VXyRD-Long.Nai-T5-2zAvGV-Long {
	left: calc(12px + 25%);
	width: calc(75% - 36px);
	background: #9d9d9d
}

.Nai-MbjJRMFkR-Long {
	min-width: 4em;
	display: flex;
	flex-direction: column;
	align-items: center
}

.Nai-MbjJRMFkR-Long.Nai-WPNhboD4I-Long {
	z-index: 99
}

.Nai-MbjJRMFkR-Long.Nai-KUmtMT-My-Long {
	background: linear-gradient(270deg, #fff 0 50%, transparent 50% 100%);
	z-index: 99
}

.Nai-gY1j5zIKC-Long {
	height: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 20px;
	background: #fff;
	z-index: 88;
	margin-bottom: 3px
}

.Nai-FOn4HzSSJ-Long {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #e9272799;
	border: 3px solid #ffa1a1
}

.Nai-FOn4HzSSJ-Long.Nai-T5-2zAvGV-Long {
	background: transparent;
	border: 1px solid #9d9d9d
}

.Nai-Z86r7vpTu-Long {
	font-weight: 700;
	color: #e92727
}

.Nai-m3oGX5gUT-Long {
	color: #000;
	font-size: 14px;
	margin-bottom: 4px;
	z-index: 9
}

.Nai-ZrVpnDUIg-Long {
	position: relative;
	display: flex;
	flex-direction: column
}

.Nai-ALitSynzU-Long {
	display: flex;
	width: 100%;
	justify-content: space-between
}

.Nai-kNTg1OFCn-Long {
	font-size: 12.5px;
	padding: 8px 6px 0 0;
	color: #999
}

.Nai-Va1uFVzGN-Long {
	border-radius: 6px;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 8px 0 4px;
	border-radius: 12px;
	padding: 0 6px 0 2px;
	align-self: flex-end
}

.Nai-qtAuqWsw6-Long {
	height: 64px;
	opacity: .5;
	position: absolute;
	left: 9px;
	bottom: 12px
}

.Nai-m8Qduh6bJ-Long {
	display: flex;
	align-items: center;
	margin: 16px 0 12px 0;
	font-weight: 700
}

.Nai-m8Qduh6bJ-Long:before {
	display: inline-block;
	content: "";
	height: 18px;
	min-width: 4px;
	background: #e92727;
	border-radius: 6px;
	margin-right: 5px;
	margin-left: 1.5px
}

.Nai-mB3Kj2BKn-Long {
	display: flex
}

.Nai-vrxKkBYUP-Long {
	overflow: hidden;
	min-height: 100px;
	min-width: 100px;
	max-height: 100px;
	max-width: 100px;
	background: transparent;
	border-radius: 6px;
	-o-object-fit: cover;
	object-fit: cover
}

.Nai-552akq2Xs-Long {
	width: 100%;
	font-size: 15px;
	word-break: break-all;
	line-height: 18px;
	margin-left: 6px;
	max-height: 91px;
	overflow: hidden
}

.Nai-QmorFrK0t-Long {
	font-size: 13px;
	line-height: 16.5px
}

.Nai-EBAq3jLll-Long {
	font-size: 1.15em;
	font-weight: 700
}

.Nai-EBAq3jLll-Long.Nai-U5646mhd2-Long {
	font-size: 1em
}

.Nai-n83v-P8up-Long>div:first-child>div:first-child {
	font-weight: 700
}

.Nai-s8z0stgni-Long {
	margin-top: 10px;
	display: flex;
	font-size: 14px;
	align-items: baseline;
	justify-content: space-between
}

.Nai-AXHApWL-X-Long {
	text-align: center;
	color: #999;
	font-size: 15px;
	margin-top: 15px
}

.Nai-Sz-lFskaN-Long {
	display: flex;
	flex-direction: column;
	background: #f2f2f2
}

.Nai-63zGdZKdE-Long {
	min-height: 51px;
	width: 100%;
	display: flex;
	align-items: center;
	color: #333;
	position: relative
}

.Nai--xQ2CW0wk-Long {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	font-size: 23px;
	margin-left: 12px
}

.Nai-QA9K0VyS7-Long {
	font-size: 22px;
	font-weight: 700;
	margin-left: 40px
}

.Nai-aj-E4GJM6-Long {
	padding: 16.6px 12.5px
}

.Nai-NTvWjwg4t-Long {
	display: flex;
	justify-content: space-between;
	position: relative
}

.Nai-Fni91oMZ4-Long {
	height: 1px;
	background: #ebebeb;
	width: 100%;
	position: absolute;
	top: 16px;
	left: 50%;
	transform: translate(-50%, -50%)
}

.Nai--HB3RuDrz-Long {
	height: 1px;
	background: #f90;
	width: calc(16.66667% - 10.83333px);
	position: absolute;
	top: 16px;
	left: 0;
	transform: translate(32.5px, -50%)
}

.Nai-n7QpE5ano-Long {
	width: 65px;
	display: flex;
	flex-direction: column;
	align-items: center;
	z-index: 99
}

.Nai-n7QpE5ano-Long.Nai-v672Bn935-Long {
	background: linear-gradient(90deg, #fff 0 50%, transparent 50% 100%)
}

.Nai-n7QpE5ano-Long.Nai-suMvGBJft-Long {
	background: linear-gradient(90deg, transparent 0 50%, #fff 50% 100%)
}

.Nai-NaLfwostS-Long {
	font-size: 11px;
	word-break: keep-all;
	color: #111;
	line-height: 16px;
	margin-top: 4px
}

.Nai-x8mGrAiTr-Long {
	min-height: 32px;
	min-width: 32px;
	max-height: 32px;
	max-width: 32px;
	border-radius: 50%;
	padding: 6px;
	box-sizing: border-box;
	z-index: 99;
	background: #f6f6f6
}

.Nai-x8mGrAiTr-Long svg {
	width: 100%;
	height: 100%;
	display: block
}

.Nai-n7QpE5ano-Long.Nai-v672Bn935-Long .Nai-x8mGrAiTr-Long {
	background: #f90
}

.Nai-H9CgNTAd4-Long {
	border-radius: 8px;
	background: #fff;
	margin: 12.5px
}

.Nai-MZYb921Lx-Long {
	color: #f90;
	background-image: url(https://file.zhuyitai.com/info/pic/202506/24/b797f227ddfff535bb09ae2533f00a79.png);
	background-size: 100% auto;
	background-repeat: no-repeat;
	font-size: 12.2px;
	padding-left: 12px;
	padding: 11px 12px
}

.Nai-kuBZnB9kt-Long {
	font-size: 14.6px;
	color: #303133;
	font-weight: 700;
	margin-bottom: 9.36px
}

.Nai--KJUXx6g8-Long {
	font-size: 12.5px;
	font-weight: lighter;
	margin-left: 8px;
	color: #999
}

.Nai-Eet3Z8gBH-Long {
	padding: 0 12.5px 12.5px 12.5px
}

.Nai-c9pFjrjww-Long {
	font-size: 18.73px;
	color: #111;
	font-family: roboto, PingFang SC, NotoSans SC;
	font-weight: 700
}

.Nai-9g07SI2p--Long {
	margin: 12px 6px;
	display: flex;
	justify-content: space-between
}

.Nai-glzhSYazc-Long {
	font-size: .75rem;
	color: #999
}

.Nai-50J68dhU9-Long {
	width: 100%;
	height: 40px;
	color: #fff;
	background-color: #f90;
	border-radius: 24px;
	line-height: 40px;
	text-align: center;
	margin-top: 24px
}

.Nai-Ph2T8iq-9-Long {
	padding: 10px 12px;
	background: #f2f2f2;
	border-radius: 6px;
	font-size: 18px;
	border: none;
	font-family: courier new;
	width: 100%
}

.Nai-x4z8oLFNU-Long {
	min-width: 70px;
	background: #f90;
	border-radius: 6px;
	color: #fff;
	word-break: keep-all;
	line-height: 40.8px;
	text-align: center;
	margin-left: 6px
}

.Nai-uy-5hKpcH-Long {
	height: 300px
}

.Nai-Lkqcq3-b4-Long {
	margin-top: 0;
	padding: 8.3px 12.5px
}

.Nai-joEQTrJYz-Long {
	display: flex;
	height: 41.6px;
	align-items: center
}

.Nai-Pf7hyjnY3-Long {
	width: 25px;
	height: 25px;
	margin-right: 8.32px;
	border-radius: 50%
}

.Nai-f1Tbm-xu1-Long {
	font-weight: 700
}

.Nai-VMVMLbfOt-Long {
	padding: 8.32px 0;
	display: flex;
	align-items: flex-start
}

.Nai-VMVMLbfOt-Long img {
	height: 100%;
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

.Nai-o13VEKml1-Long {
	min-height: 83.28px;
	min-width: 83.28px;
	height: 83.28px;
	width: 83.28px;
	overflow: hidden;
	border-radius: 8.32px;
	margin-right: 8.32px
}

.Nai-Ud8I4LZTi-Long {
	display: flex;
	align-items: baseline;
	width: 100%;
	justify-content: space-between
}

.Nai-yghFUQ1na-Long {
	text-align: right;
	position: relative;
	font-size: 12.5px;
	margin-left: 14.35px
}

.Nai-ch04utIdF-Long {
	line-height: 20.8px;
	font-size: 14px;
	color: #303133;
	overflow: hidden;
	text-overflow: ellipsis;
	flex-shrink: 0;
	word-break: break-all;
	max-height: 83px
}

.Nai-3I43KlH2z-Long {
	height: 20.81px;
	color: #303133;
	font-family: AlibabaSans_102_Md
}

.Nai-dx6pHc-fI-Long {
	display: flex;
	font-weight: 500;
	align-items: baseline;
	line-height: 1
}

.Nai-3I43KlH2z-Long .Nai-hQV1ZUjnm-Long {
	font-size: 10.4px;
	padding: 0 2.082px;
	line-height: 10.41px
}

.Nai-3I43KlH2z-Long .Nai-sVquzbW-o-Long {
	font-weight: 500;
	font-size: 14.5748px
}

.Nai-3I43KlH2z-Long .Nai-DbXUZyLMj-Long {
	font-size: 10.41px
}

.Nai-HX6i1LzKs-Long {
	color: #999
}

.Nai-ZeyNKSHrE-Long {
	height: 41.64px;
	display: flex;
	justify-content: space-between;
	align-items: center
}

.Nai-ZZhUqmO1X-Long {
	font-size: 14.5748px;
	font-weight: 600;
	color: #333
}

.Nai-enTGN910e-Long {
	font-family: AlibabaSans_102_Md;
	color: #ff301a;
	font-weight: 700
}

.Nai-bGVZJvlL--Long .Nai-hQV1ZUjnm-Long {
	font-size: 12.4928px;
	margin-right: 2.082px
}

.Nai-bGVZJvlL--Long .Nai-sVquzbW-o-Long {
	font-size: 20.8212px
}

.Nai-bGVZJvlL--Long .Nai-DbXUZyLMj-Long {
	font-size: 14.5748px
}

.Nai-OMQXrDSCg-Long {
	align-items: baseline;
	display: flex
}

.Nai--IyDWDFbF-Long {
	font-size: 14.5748px;
	color: #111
}

.Nai-s1kVxZyNv-Long {
	color: #999;
	font-size: 14.5748px
}

.Nai-btTm2KeQq-Long {
	color: #999;
	justify-content: center
}

.Nai-tG1vmjAjH-Long {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%
}

.Nai-1IyDtSLTx-Long {
	position: absolute;
	width: 100%;
	left: 0;
	right: 0;
	top: 0
}

.Nai-mrfOdRXOx-Long {
	padding: 15px;
	z-index: 2;
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: flex-start
}

.Nai-1dNMnW-0R-Long {
	height: 21px
}

.Nai-FeZUBoZpx-Long {
	position: relative;
	padding: 15px;
	margin-top: 12px;
	border-radius: 8px;
	background: #fff;
	box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .1);
	overflow: hidden;
	display: flex;
	flex-direction: column;
	width: 100%;
	align-items: flex-start;
	z-index: 3
}

.Nai-khlQgSKbw-Long {
	height: 24px
}

.Nai-khlQgSKbw-Long.Nai-f84L8Ki-i-Long {
	margin-top: 15px
}

.Nai-5wgjp-drR-Long {
	position: relative;
	margin-top: 6px;
	font-size: 13px;
	color: #666
}

.Nai-0TH5pKkDL-Long {
	display: flex;
	align-items: flex-start;
	width: 100%;
	margin-top: 6px;
	gap: 12px
}

.Nai-P9yhnJ-pW-Long {
	width: 100%;
	height: 40px;
	background: #1978ff;
	border-radius: 4px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	color: #fff;
	margin-top: 12px;
	font-size: .96rem
}

.Nai-2LayFd7d1-Long {
	z-index: 3;
	display: flex;
	flex-direction: column;
	align-items: flex-start
}

.Nai-c0Njnz24E-Long {
	position: absolute;
	top: 0;
	right: 0;
	width: 160px;
	z-index: 2
}

.Nai-z-0a8Dsaw-Long {
	padding: 15px;
	margin-top: 8px;
	border-radius: 6px;
	overflow: hidden;
	background-repeat: no-repeat, no-repeat;
	background-size: contain, cover;
	background-position: 100%, 0;
	width: 100%
}

.Nai-z-0a8Dsaw-Long.Nai-wToL4kCuo-Long {
	background: #65a4fb;
	background-image: url(https://rr1114.cn-nb1.rains3.com/assets/wxshare-service-bg1-t79VuDGw.png)
}

.Nai-z-0a8Dsaw-Long.Nai-XWd7cvMUq-Long {
	background: #3b66e7;
	background-image: url(https://rr1114.cn-nb1.rains3.com/assets/wxshare-service-bg2-Ciz25dof.png)
}

.Nai-chG82U75z-Long {
	display: flex;
	justify-content: space-between;
	align-items: center
}

.Nai-OQgjkCjJo-Long {
	height: 23px
}

.Nai-DcQdxoWbe-Long {
	height: 23.5px;
	padding: 0 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid hsla(0, 0%, 100%, .3);
	border-radius: 14px;
	backdrop-filter: blur(20px);
	-webkit-backdrop-filter: blur(20px);
	background-color: hsla(0, 0%, 100%, .08);
	color: #fff;
	font-size: 11px
}

.Nai-jD3Uth-Xn-Long {
	margin-top: 6px;
	font-size: 11px;
	line-height: 18px;
	color: #fff
}

.Nai-lK4owCY2D-Long {
	display: flex;
	flex-direction: column;
	width: 100%;
	box-sizing: border-box;
	background-color: #fff;
	height: 100%
}

.Nai-jXZ2OdZjY-Long {
	padding: 15px 20px;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	background-color: #fff
}

.Nai-vOcBjaRof-Long {
	width: 24px;
	height: 24px
}

.Nai-vOcBjaRof-Long+.Nai-vOcBjaRof-Long {
	margin-left: 15px
}

.Nai-QWZetxwi7-Long {
	margin: 0 20px 0 0;
	position: relative;
	width: 100%;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: center
}

.Nai-rx849zwtC-Long {
	height: 26px
}

.Nai-7nenqiaOY-Long {
	width: 32px;
	display: inline-block;
	height: 22px;
	margin-left: 4px
}

.Nai-VuH0FJA7A-Long {
	padding-top: 43px;
	height: 160px;
	background: url(/img/NaiLong-CUFlr03U-NaiLong.ad6a59c8.png) no-repeat 50%;
	background-size: cover;
	text-align: center
}

.Nai-6FQ9ss4HM-Long {
	width: 89.4%;
	margin: 0 auto
}

.Nai--oyOc4-Bl-Long {
	font-size: 28px;
	color: #fff;
	letter-spacing: 2px;
	text-align: center;
	line-height: 52px
}

.Nai-92qU7ElOJ-Long {
	font-size: 13px;
	color: #fff;
	letter-spacing: .5px;
	line-height: 22px;
	margin: 0
}

.Nai-m4eK0OaqY-Long {
	margin-top: 26px
}

.Nai-Kf7Qxu8---Long {
	border: 1px solid #e3e3e3;
	width: 100%;
	padding: 20px 0;
	float: none;
	margin: 0 0 10px;
	display: flex;
	align-items: center
}

.Nai-LHL-VamPC-Long {
	width: 64px;
	height: 64px;
	margin: auto 30px
}

.Nai-LHL-VamPC-Long img {
	height: 100%;
	width: 100%
}

.Nai-W6QpVOevU-Long {
	font-size: 20px;
	color: #222;
	letter-spacing: 2px;
	line-height: 20px;
	margin: 0 0 6px
}

.Nai-WnFlClaRq-Long p {
	font-size: 13px;
	color: #222;
	letter-spacing: .5px;
	line-height: 24px
}

.Nai-RAa0Z0wJV-Long {
	border: 1px solid #e3e3e3;
	width: 100%;
	height: auto;
	margin: 0 0 10px;
	padding: 15px 20px
}

.Nai-mussSzf68-Long {
	font-size: 13px;
	color: #dd2c34;
	letter-spacing: 1px;
	line-height: 18px;
	margin: 0 0 6px;
	font-weight: 700
}

.Nai-RAa0Z0wJV-Long p {
	font-size: 13px;
	color: #222;
	letter-spacing: .5px;
	line-height: 24px
}

.Nai-cJajo--5y-Long {
	display: flex;
	flex-direction: column;
	height: 100%;
	width: 100%;
	align-items: center;
	box-sizing: border-box;
	justify-content: center;
	position: relative;
	padding-bottom: env(safe-area-inset-bottom)
}

.Nai-ExZZblugO-Long {
	display: inline-block;
	position: relative;
	width: 48px;
	height: 48px
}

.Nai-ExZZblugO-Long div {
	box-sizing: border-box;
	display: block;
	position: absolute;
	width: 48px;
	height: 48px;
	border: 6px solid var(--color-blue);
	border-radius: 50%;
	animation: Nai-ExZZblugO-Long 1.2s cubic-bezier(.5, 0, .5, 1) infinite;
	border-color: var(--color-blue) transparent transparent transparent
}

.Nai-ExZZblugO-Long div:first-child {
	animation-delay: -.45s
}

.Nai-ExZZblugO-Long div:nth-child(2) {
	animation-delay: -.3s
}

.Nai-ExZZblugO-Long div:nth-child(3) {
	animation-delay: -.15s
}

@keyframes Nai-ExZZblugO-Long {
	0% {
		transform: rotate(0deg)
	}

	to {
		transform: rotate(1turn)
	}
}

.Nai-fg0EHGsMq-Long {
	height: 100%;
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	overflow-y: scroll
}

.Nai-Vqesb-tdX-Long {
	align-self: flex-start;
	margin: 0 0 6px 12px;
	font-size: .8rem;
	display: flex;
	gap: 16px
}

.Nai-tT6-ZbJqv-Long {
	text-align: center;
	padding: 12px 0;
	background: var(--color-blue);
	font-size: .92rem;
	width: -webkit-fill-available;
	color: #fff;
	margin: 0 12px;
	position: relative;
	border-radius: 8px;
	margin-bottom: 12px
}

.Nai-Q-k8v55Zf-Long {
	width: 100%
}

.Nai-8fsVOaIAJ-Long {
	margin: 0 12px;
	display: flex;
	align-items: flex-start;
	width: -webkit-fill-available;
	position: relative;
	padding: 10px 12px;
	border-radius: 0;
	font-size: .92rem;
	flex-direction: column;
	border: 1px solid #e0e0e0;
	border-bottom: none
}

.Nai-8fsVOaIAJ-Long:first-child {
	border-radius: 6px 6px 0 0
}

.Nai-8fsVOaIAJ-Long:last-child {
	border-radius: 0 0 6px 6px;
	border-bottom: 1px solid #e0e0e0
}

.Nai-8fsVOaIAJ-Long.Nai-WS6DtkvoO-Long {
	background: #f7e2d6
}

.Nai-x91PKDyIH-Long {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%
}

.Nai-k0dZ4pY7h-Long {
	background: #eaeaea;
	width: 44px;
	height: 24px;
	border-radius: 20px;
	outline: 1px solid #ddd;
	position: relative;
	transition: background .2s ease
}

.Nai-k0dZ4pY7h-Long.Nai-kwrnMr2rW-Long {
	background-color: var(--color-blue)
}

.Nai-NCtzNHiMt-Long {
	background-color: #fff;
	border-radius: 50%;
	height: 20px;
	width: 20px;
	position: absolute;
	left: 2px;
	top: 2px;
	box-shadow: 0 0 2px rgba(0, 0, 0, .08);
	transition: transform .2s ease
}

.Nai-k0dZ4pY7h-Long.Nai-kwrnMr2rW-Long .Nai-NCtzNHiMt-Long {
	transform: translateX(100%);
	transition: transform .2s ease
}

.Nai-GBvJhOMXg-Long {
	font-size: .85rem;
	color: #000;
	margin-top: 6px;
	line-height: 1.4
}

.Nai--mZTXuAC6-Long {
	margin-top: 18px;
	align-self: flex-start;
	margin-left: 6px
}

.Nai-jLjtwiz8P-Long {
	width: 100%;
	margin-top: 12px;
	padding-bottom: calc(env(safe-area-inset-bottom) + 24px)
}

.Nai-fP0yAiXa7-Long {
	display: flex;
	align-items: center;
	border: 1px solid #e0e0e0;
	border-bottom: none;
	margin: 0 12px;
	border-radius: 0;
	overflow: hidden
}

.Nai-fP0yAiXa7-Long:first-child {
	border-radius: 6px 6px 0 0
}

.Nai-fP0yAiXa7-Long:last-child {
	border-bottom: 1px solid #e0e0e0;
	border-radius: 0 0 6px 6px
}

.Nai-CrQw6USLZ-Long {
	flex: 1;
	display: flex;
	flex-direction: column;
	font-size: .95rem;
	padding: 0 18px;
	justify-content: space-between
}

.Nai-UIfiDlgBF-Long {
	color: #999;
	font-size: .8rem
}

.Nai-uWeVS-og8-Long {
	padding: 16px 0;
	width: 60px;
	border-left: .5px solid #e0e0e0;
	text-align: center;
	max-width: 60px;
	font-size: .9rem;
	position: relative
}

.Nai-zaR2iiISt-Long {
	position: absolute;
	font-size: .5rem;
	left: 50%;
	bottom: 4px;
	transform: translateX(-50%);
	color: #999
}

.Nai-gy8FCyg8P-Long {
	color: var(--color-blue);
	padding: 16px 24px;
	background: #fff;
	border-left: .5px solid #e0e0e0;
	font-size: .9rem
}

.Nai-gy8FCyg8P-Long.Nai-A5--0dQnK-Long {
	color: #f66
}

.Nai-XKiOFd5D3-Long {
	padding: 0 12px;
	margin-top: 12px
}

.Nai-XKiOFd5D3-Long,
.Nai-fBVWSwyZI-Long {
	display: flex;
	width: 100%;
	flex-direction: column
}

.Nai-fBVWSwyZI-Long {
	border: 1px solid #e0e0e0;
	border-radius: 0;
	box-sizing: border-box;
	padding: 10px 12px;
	font-size: .94rem;
	gap: 6px;
	border-bottom: none
}

.Nai-fBVWSwyZI-Long:first-child {
	border-radius: 6px 6px 0 0
}

.Nai-fBVWSwyZI-Long:last-child {
	border-radius: 0 0 6px 6px;
	border-bottom: 1px solid #e0e0e0
}

.Nai--UzSAYYwU-Long {
	display: flex;
	align-items: center;
	gap: 12px
}

.Nai-QXkGXYwzf-Long {
	white-space: nowrap;
	overflow: hidden;
	overflow-x: scroll;
	flex: 1;
	padding: 8px 12px;
	border-radius: 6px;
	background-color: #f5f5f5
}

.Nai-HKGkgQ7F1-Long {
	word-break: keep-all;
	background-color: var(--color-blue);
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 8px 12px;
	border-radius: 6px
}

.Nai-DBmw5HKXA-Long {
	display: flex;
	align-items: center;
	flex-direction: row;
	gap: 12px
}

.Nai-a0r63PJQv-Long {
	margin-right: auto
}

.Nai-HgKlG-VKv-Long {
	padding: 4px 8px;
	border-radius: 4px;
	background-color: #f5f5f5;
	min-width: 4rem;
	text-align: center
}

.Nai-HgKlG-VKv-Long.Nai-kwrnMr2rW-Long {
	background-color: var(--color-blue);
	color: #fff
}

.Nai-IQLFh3r2Q-Long {
	font-size: .95rem;
	box-sizing: border-box;
	padding: 8px 12px;
	flex: 1;
	border-radius: 0;
	background-color: #f5f5f5;
	border-radius: 6px
}

.Nai-rw7rROdSP-Long {
	word-break: keep-all;
	background-color: var(--color-blue);
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 8px 12px;
	border-radius: 6px
}

.kjs-preview {
	background: #f4f5f9;
	font-family: PingFang SC, sans-serif;
	padding-bottom: 10px;
	overflow-x: hidden
}

.kjs-preview .kjs-bxs {
	align-items: center;
	display: flex;
	flex-direction: column
}

.kjs-preview .kjs-fanhto {
	width: 100%;
	height: 40px;
	background: #f4f5f9;
	display: flex;
	flex-direction: row;
	align-items: center;
	position: relative
}

.kjs-preview .kjs-fanhto svg {
	width: 21px;
	height: 20px;
	margin-left: 15px
}

.kjs-preview .kjs-fanhto h3 {
	position: absolute;
	left: 50%;
	transform: translate(-50%);
	font-weight: 600;
	font-size: 1.2175rem
}

.kjs-preview .kjs-spxq {
	width: 90%;
	background-color: #fff;
	border-radius: 15px;
	padding-bottom: 10px;
	display: flex;
	flex-direction: row;
	margin-top: 10px
}

.kjs-preview .kjs-sptp img {
	width: 80px;
	height: 83px;
	border-radius: 12px;
	margin-left: 15px;
	margin-top: 15px
}

.kjs-preview .kjs-sp {
	margin-top: 15px;
	margin-left: 10px;
	width: 80%;
	flex-direction: column
}

.kjs-preview .kjs-sp,
.kjs-preview .kjs-spxs {
	display: flex;
	margin-right: 10px;
	justify-content: space-between
}

.kjs-preview .kjs-spxs {
	flex-direction: row
}

.kjs-preview .kjs-bt p {
	font-size: 14px;
	font-weight: 700;
	color: #3d3d3d
}

.kjs-preview .kjs-bzd {
	font-size: 12px;
	font-weight: 600;
	color: #a3a3a3
}

.kjs-preview .kjs-jg {
	font-size: 15px;
	font-weight: 700;
	color: #f24f4e
}

.kjs-preview .kjs-jg p:first-letter {
	font-size: 10px
}

.kjs-preview .kjs-jiaoyiliuc {
	width: 90%;
	background-color: #fff;
	border-radius: 15px;
	margin-top: 10px;
	padding-bottom: 15px
}

.kjs-preview .kjs-jylc {
	margin-left: 15px;
	margin-top: .9375rem;
	display: flex;
	justify-content: space-between;
	flex-direction: row;
	align-items: center
}

.kjs-preview .kjs-fanh-arrow {
	width: 8px;
	height: 8px;
	border: 2px solid #a3a3a3;
	border-left: none;
	border-bottom: none;
	transform: rotate(45deg);
	margin-right: 15px
}

.kjs-preview .kjs-jy {
	width: 100%;
	justify-content: center;
	display: flex
}

.kjs-preview .kjs-jil {
	width: 90%;
	height: 30px;
	margin-top: 10px;
	display: flex;
	flex-direction: row;
	justify-content: space-evenly;
	position: relative
}

.kjs-preview .kjs-jiaoyiyuan {
	height: 20px;
	display: flex;
	align-items: center;
	position: relative
}

.kjs-preview .kjs-yuan {
	width: 14px;
	height: 14px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	background-color: #d0d5ff
}

.kjs-preview .kjs-yuan div {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background-color: #5467ff
}

.kjs-preview .kjs-jiaoyixian {
	height: 20px;
	width: 15%;
	display: flex;
	align-items: center
}

.kjs-preview .kjs-jiaoyixian div {
	width: 100%;
	height: 1px;
	background-color: #d7daf7
}

.kjs-preview .kjs-jyjs {
	width: 100%;
	margin-top: 30px;
	display: flex;
	flex-direction: row;
	font-size: 13px;
	justify-content: space-evenly;
	position: absolute;
	left: 0
}

.kjs-preview .kjs-ts {
	margin-top: 30px;
	margin-left: 15px;
	font-size: 13px;
	color: #a3a3a3
}

.kjs-preview .kjs-saom {
	width: 90%;
	background: #fff;
	border-radius: 15px;
	margin-top: 10px;
	padding-bottom: 10px
}

.kjs-preview .kjs-bxscs {
	display: flex;
	flex-direction: row
}

.kjs-preview .kjs-jies {
	margin-top: 5px;
	margin-left: 10px;
	font-size: 13px
}

.kjs-preview .kjs-jies button {
	width: 80%;
	background: #5467ff;
	border: none;
	color: #fff;
	border-radius: 3px;
	height: 30px;
	margin-top: 10px;
	cursor: pointer
}

.kjs-preview .kjs-ma {
	margin-top: 5px;
	margin-right: 10px;
	display: flex;
	flex-direction: column
}

.kjs-preview .kjs-ma img {
	width: 80px;
	height: 80px
}

.kjs-preview .kjs-ddxq {
	width: 90%;
	display: flex;
	flex-direction: row;
	margin-top: 10px;
	align-items: center
}

.kjs-preview .kjs-ddxq>div:first-child {
	width: 6px;
	height: 20px;
	border-radius: 10px;
	background: #5467ff
}

.kjs-preview .kjs-ddxq h4 {
	margin-left: 5px;
	font-size: 16px;
	font-weight: 600
}

.kjs-preview .kjs-dd {
	width: 90%;
	background-color: #fff;
	border-radius: 15px;
	margin-top: 10px;
	padding-top: 5px;
	padding-bottom: 10px
}

.kjs-preview .kjs-xq {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin-left: 12px;
	margin-right: 12px;
	font-size: 13px;
	margin-top: 7px
}

.kjs-preview .kjs-ls {
	color: #5467ff;
	font-weight: 600
}

.kjs-preview .kjs-red {
	color: #f24b4c
}

:root {
	--color-blue: #06f
}

* {
	margin: 0;
	border: none;
	outline: none;
	padding: 0;
	touch-action: manipulation;
	-webkit-tap-highlight-color: transparent;
	box-sizing: border-box
}

::-webkit-scrollbar {
	display: none;
	width: 0;
	height: 0
}

#app,
body,
html {
	overscroll-behavior: none;
	height: 100%;
	width: 100%
}

html {
	font-size: 16px;
	font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Open Sans, Helvetica Neue, sans-serif
}

#app,
body {
	overflow: hidden;
	background: #fff
}

body {
	box-sizing: border-box
}

svg {
	box-sizing: content-box
}

#app {
	display: flex;
	flex-direction: column;
	height: 100%;
	width: 100%
}

.unselectable {
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none
}

.slide-left-enter-active,
.slide-left-leave-active {
	transition: transform .32s ease-in-out;
	will-change: transform
}

.slide-left-enter-from {
	transform: translateX(100%)
}

.slide-left-enter-to,
.slide-left-leave-from {
	transform: translateX(0)
}

.slide-left-leave-to {
	transform: translateX(-100%)
}

.slide-right-enter-active,
.slide-right-leave-active {
	transition: transform .32s ease-in-out;
	will-change: transform
}

.slide-right-enter-from {
	transform: translateX(-100%)
}

.slide-right-enter-to,
.slide-right-leave-from {
	transform: translateX(0)
}

.slide-right-leave-to {
	transform: translateX(100%)
}

.Vue-Toastification__container {
	z-index: 9999;
	position: fixed;
	padding: 4px;
	width: 600px;
	display: flex;
	min-height: 100%;
	color: #fff;
	flex-direction: column;
	pointer-events: none
}

@media only screen and (min-width:600px) {

	.Vue-Toastification__container.top-center,
	.Vue-Toastification__container.top-left,
	.Vue-Toastification__container.top-right {
		top: 1em
	}

	.Vue-Toastification__container.bottom-center,
	.Vue-Toastification__container.bottom-left,
	.Vue-Toastification__container.bottom-right {
		bottom: 1em;
		flex-direction: column-reverse
	}

	.Vue-Toastification__container.bottom-left,
	.Vue-Toastification__container.top-left {
		left: 1em
	}

	.Vue-Toastification__container.bottom-left .Vue-Toastification__toast,
	.Vue-Toastification__container.top-left .Vue-Toastification__toast {
		margin-right: auto
	}

	@supports not (-moz-appearance:none) {

		.Vue-Toastification__container.bottom-left .Vue-Toastification__toast--rtl,
		.Vue-Toastification__container.top-left .Vue-Toastification__toast--rtl {
			margin-right: unset;
			margin-left: auto
		}
	}

	.Vue-Toastification__container.bottom-right,
	.Vue-Toastification__container.top-right {
		right: 1em
	}

	.Vue-Toastification__container.bottom-right .Vue-Toastification__toast,
	.Vue-Toastification__container.top-right .Vue-Toastification__toast {
		margin-left: auto
	}

	@supports not (-moz-appearance:none) {

		.Vue-Toastification__container.bottom-right .Vue-Toastification__toast--rtl,
		.Vue-Toastification__container.top-right .Vue-Toastification__toast--rtl {
			margin-left: unset;
			margin-right: auto
		}
	}

	.Vue-Toastification__container.bottom-center,
	.Vue-Toastification__container.top-center {
		left: 50%;
		margin-left: -300px
	}

	.Vue-Toastification__container.bottom-center .Vue-Toastification__toast,
	.Vue-Toastification__container.top-center .Vue-Toastification__toast {
		margin-left: auto;
		margin-right: auto
	}
}

@media only screen and (max-width:600px) {
	.Vue-Toastification__container {
		width: 100vw;
		padding: 0;
		left: 0;
		margin: 0
	}

	.Vue-Toastification__container .Vue-Toastification__toast {
		width: 100%
	}

	.Vue-Toastification__container.top-center,
	.Vue-Toastification__container.top-left,
	.Vue-Toastification__container.top-right {
		top: 0
	}

	.Vue-Toastification__container.bottom-center,
	.Vue-Toastification__container.bottom-left,
	.Vue-Toastification__container.bottom-right {
		bottom: 0;
		flex-direction: column-reverse
	}
}

.Vue-Toastification__toast {
	display: inline-flex;
	position: relative;
	max-height: 800px;
	min-height: 64px;
	box-sizing: border-box;
	margin-bottom: 1rem;
	padding: 22px 24px;
	border-radius: 8px;
	box-shadow: 0 1px 10px 0 rgba(0, 0, 0, .1), 0 2px 15px 0 rgba(0, 0, 0, .05);
	justify-content: space-between;
	font-family: Lato, Helvetica, Roboto, Arial, sans-serif;
	max-width: 600px;
	min-width: 326px;
	pointer-events: auto;
	overflow: hidden;
	transform: translateZ(0);
	direction: ltr
}

.Vue-Toastification__toast--rtl {
	direction: rtl
}

.Vue-Toastification__toast--default {
	background-color: #1976d2;
	color: #fff
}

.Vue-Toastification__toast--info {
	background-color: #2196f3;
	color: #fff
}

.Vue-Toastification__toast--success {
	background-color: #4caf50;
	color: #fff
}

.Vue-Toastification__toast--error {
	background-color: #ff5252;
	color: #fff
}

.Vue-Toastification__toast--warning {
	background-color: #ffc107;
	color: #fff
}

@media only screen and (max-width:600px) {
	.Vue-Toastification__toast {
		border-radius: 0;
		margin-bottom: .5rem
	}
}

.Vue-Toastification__toast-body {
	flex: 1;
	line-height: 24px;
	font-size: 16px;
	word-break: break-word;
	white-space: pre-wrap
}

.Vue-Toastification__toast-component-body {
	flex: 1
}

.Vue-Toastification__toast.disable-transition {
	animation: none !important
}

.Vue-Toastification__close-button {
	font-weight: 700;
	font-size: 24px;
	line-height: 24px;
	background: transparent;
	outline: none;
	border: none;
	padding: 0;
	padding-left: 10px;
	cursor: pointer;
	transition: .3s ease;
	align-items: center;
	color: #fff;
	opacity: .3;
	transition: visibility 0s, opacity .2s linear
}

.Vue-Toastification__close-button:focus,
.Vue-Toastification__close-button:hover {
	opacity: 1
}

.Vue-Toastification__toast:not(:hover) .Vue-Toastification__close-button.show-on-hover {
	opacity: 0
}

.Vue-Toastification__toast--rtl .Vue-Toastification__close-button {
	padding-left: unset;
	padding-right: 10px
}

@keyframes scale-x-frames {
	0% {
		transform: scaleX(1)
	}

	to {
		transform: scaleX(0)
	}
}

.Vue-Toastification__progress-bar {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 5px;
	z-index: 10000;
	background-color: hsla(0, 0%, 100%, .7);
	transform-origin: left;
	animation: scale-x-frames linear 1 forwards
}

.Vue-Toastification__toast--rtl .Vue-Toastification__progress-bar {
	right: 0;
	left: unset;
	transform-origin: right
}

.Vue-Toastification__icon {
	margin: auto 18px auto 0;
	background: transparent;
	outline: none;
	border: none;
	padding: 0;
	transition: .3s ease;
	align-items: center;
	width: 20px;
	height: 100%
}

.Vue-Toastification__toast--rtl .Vue-Toastification__icon {
	margin: auto 0 auto 18px
}

@keyframes bounceInRight {

	0%,
	60%,
	75%,
	90%,
	to {
		animation-timing-function: cubic-bezier(.215, .61, .355, 1)
	}

	0% {
		opacity: 0;
		transform: translate3d(3000px, 0, 0)
	}

	60% {
		opacity: 1;
		transform: translate3d(-25px, 0, 0)
	}

	75% {
		transform: translate3d(10px, 0, 0)
	}

	90% {
		transform: translate3d(-5px, 0, 0)
	}

	to {
		transform: none
	}
}

@keyframes bounceOutRight {
	40% {
		opacity: 1;
		transform: translate3d(-20px, 0, 0)
	}

	to {
		opacity: 0;
		transform: translate3d(1000px, 0, 0)
	}
}

@keyframes bounceInLeft {

	0%,
	60%,
	75%,
	90%,
	to {
		animation-timing-function: cubic-bezier(.215, .61, .355, 1)
	}

	0% {
		opacity: 0;
		transform: translate3d(-3000px, 0, 0)
	}

	60% {
		opacity: 1;
		transform: translate3d(25px, 0, 0)
	}

	75% {
		transform: translate3d(-10px, 0, 0)
	}

	90% {
		transform: translate3d(5px, 0, 0)
	}

	to {
		transform: none
	}
}

@keyframes bounceOutLeft {
	20% {
		opacity: 1;
		transform: translate3d(20px, 0, 0)
	}

	to {
		opacity: 0;
		transform: translate3d(-2000px, 0, 0)
	}
}

@keyframes bounceInUp {

	0%,
	60%,
	75%,
	90%,
	to {
		animation-timing-function: cubic-bezier(.215, .61, .355, 1)
	}

	0% {
		opacity: 0;
		transform: translate3d(0, 3000px, 0)
	}

	60% {
		opacity: 1;
		transform: translate3d(0, -20px, 0)
	}

	75% {
		transform: translate3d(0, 10px, 0)
	}

	90% {
		transform: translate3d(0, -5px, 0)
	}

	to {
		transform: translateZ(0)
	}
}

@keyframes bounceOutUp {
	20% {
		transform: translate3d(0, -10px, 0)
	}

	40%,
	45% {
		opacity: 1;
		transform: translate3d(0, 20px, 0)
	}

	to {
		opacity: 0;
		transform: translate3d(0, -2000px, 0)
	}
}

@keyframes bounceInDown {

	0%,
	60%,
	75%,
	90%,
	to {
		animation-timing-function: cubic-bezier(.215, .61, .355, 1)
	}

	0% {
		opacity: 0;
		transform: translate3d(0, -3000px, 0)
	}

	60% {
		opacity: 1;
		transform: translate3d(0, 25px, 0)
	}

	75% {
		transform: translate3d(0, -10px, 0)
	}

	90% {
		transform: translate3d(0, 5px, 0)
	}

	to {
		transform: none
	}
}

@keyframes bounceOutDown {
	20% {
		transform: translate3d(0, 10px, 0)
	}

	40%,
	45% {
		opacity: 1;
		transform: translate3d(0, -20px, 0)
	}

	to {
		opacity: 0;
		transform: translate3d(0, 2000px, 0)
	}
}

.Vue-Toastification__bounce-enter-active.bottom-left,
.Vue-Toastification__bounce-enter-active.top-left {
	animation-name: bounceInLeft
}

.Vue-Toastification__bounce-enter-active.bottom-right,
.Vue-Toastification__bounce-enter-active.top-right {
	animation-name: bounceInRight
}

.Vue-Toastification__bounce-enter-active.top-center {
	animation-name: bounceInDown
}

.Vue-Toastification__bounce-enter-active.bottom-center {
	animation-name: bounceInUp
}

.Vue-Toastification__bounce-leave-active:not(.disable-transition).bottom-left,
.Vue-Toastification__bounce-leave-active:not(.disable-transition).top-left {
	animation-name: bounceOutLeft
}

.Vue-Toastification__bounce-leave-active:not(.disable-transition).bottom-right,
.Vue-Toastification__bounce-leave-active:not(.disable-transition).top-right {
	animation-name: bounceOutRight
}

.Vue-Toastification__bounce-leave-active:not(.disable-transition).top-center {
	animation-name: bounceOutUp
}

.Vue-Toastification__bounce-leave-active:not(.disable-transition).bottom-center {
	animation-name: bounceOutDown
}

.Vue-Toastification__bounce-enter-active,
.Vue-Toastification__bounce-leave-active {
	animation-duration: .75s;
	animation-fill-mode: both
}

.Vue-Toastification__bounce-move {
	transition-timing-function: ease-in-out;
	transition-property: all;
	transition-duration: .4s
}

@keyframes fadeOutTop {
	0% {
		transform: translateY(0);
		opacity: 1
	}

	to {
		transform: translateY(-50px);
		opacity: 0
	}
}

@keyframes fadeOutLeft {
	0% {
		transform: translateX(0);
		opacity: 1
	}

	to {
		transform: translateX(-50px);
		opacity: 0
	}
}

@keyframes fadeOutBottom {
	0% {
		transform: translateY(0);
		opacity: 1
	}

	to {
		transform: translateY(50px);
		opacity: 0
	}
}

@keyframes fadeOutRight {
	0% {
		transform: translateX(0);
		opacity: 1
	}

	to {
		transform: translateX(50px);
		opacity: 0
	}
}

@keyframes fadeInLeft {
	0% {
		transform: translateX(-50px);
		opacity: 0
	}

	to {
		transform: translateX(0);
		opacity: 1
	}
}

@keyframes fadeInRight {
	0% {
		transform: translateX(50px);
		opacity: 0
	}

	to {
		transform: translateX(0);
		opacity: 1
	}
}

@keyframes fadeInTop {
	0% {
		transform: translateY(-50px);
		opacity: 0
	}

	to {
		transform: translateY(0);
		opacity: 1
	}
}

@keyframes fadeInBottom {
	0% {
		transform: translateY(50px);
		opacity: 0
	}

	to {
		transform: translateY(0);
		opacity: 1
	}
}

.Vue-Toastification__fade-enter-active.bottom-left,
.Vue-Toastification__fade-enter-active.top-left {
	animation-name: fadeInLeft
}

.Vue-Toastification__fade-enter-active.bottom-right,
.Vue-Toastification__fade-enter-active.top-right {
	animation-name: fadeInRight
}

.Vue-Toastification__fade-enter-active.top-center {
	animation-name: fadeInTop
}

.Vue-Toastification__fade-enter-active.bottom-center {
	animation-name: fadeInBottom
}

.Vue-Toastification__fade-leave-active:not(.disable-transition).bottom-left,
.Vue-Toastification__fade-leave-active:not(.disable-transition).top-left {
	animation-name: fadeOutLeft
}

.Vue-Toastification__fade-leave-active:not(.disable-transition).bottom-right,
.Vue-Toastification__fade-leave-active:not(.disable-transition).top-right {
	animation-name: fadeOutRight
}

.Vue-Toastification__fade-leave-active:not(.disable-transition).top-center {
	animation-name: fadeOutTop
}

.Vue-Toastification__fade-leave-active:not(.disable-transition).bottom-center {
	animation-name: fadeOutBottom
}

.Vue-Toastification__fade-enter-active,
.Vue-Toastification__fade-leave-active {
	animation-duration: .75s;
	animation-fill-mode: both
}

.Vue-Toastification__fade-move {
	transition-timing-function: ease-in-out;
	transition-property: all;
	transition-duration: .4s
}

@keyframes slideInBlurredLeft {
	0% {
		transform: translateX(-1000px) scaleX(2.5) scaleY(.2);
		transform-origin: 100% 50%;
		filter: blur(40px);
		opacity: 0
	}

	to {
		transform: translateX(0) scaleY(1) scaleX(1);
		transform-origin: 50% 50%;
		filter: blur(0);
		opacity: 1
	}
}

@keyframes slideInBlurredTop {
	0% {
		transform: translateY(-1000px) scaleY(2.5) scaleX(.2);
		transform-origin: 50% 0;
		filter: blur(240px);
		opacity: 0
	}

	to {
		transform: translateY(0) scaleY(1) scaleX(1);
		transform-origin: 50% 50%;
		filter: blur(0);
		opacity: 1
	}
}

@keyframes slideInBlurredRight {
	0% {
		transform: translateX(1000px) scaleX(2.5) scaleY(.2);
		transform-origin: 0 50%;
		filter: blur(40px);
		opacity: 0
	}

	to {
		transform: translateX(0) scaleY(1) scaleX(1);
		transform-origin: 50% 50%;
		filter: blur(0);
		opacity: 1
	}
}

@keyframes slideInBlurredBottom {
	0% {
		transform: translateY(1000px) scaleY(2.5) scaleX(.2);
		transform-origin: 50% 100%;
		filter: blur(240px);
		opacity: 0
	}

	to {
		transform: translateY(0) scaleY(1) scaleX(1);
		transform-origin: 50% 50%;
		filter: blur(0);
		opacity: 1
	}
}

@keyframes slideOutBlurredTop {
	0% {
		transform: translateY(0) scaleY(1) scaleX(1);
		transform-origin: 50% 0;
		filter: blur(0);
		opacity: 1
	}

	to {
		transform: translateY(-1000px) scaleY(2) scaleX(.2);
		transform-origin: 50% 0;
		filter: blur(240px);
		opacity: 0
	}
}

@keyframes slideOutBlurredBottom {
	0% {
		transform: translateY(0) scaleY(1) scaleX(1);
		transform-origin: 50% 50%;
		filter: blur(0);
		opacity: 1
	}

	to {
		transform: translateY(1000px) scaleY(2) scaleX(.2);
		transform-origin: 50% 100%;
		filter: blur(240px);
		opacity: 0
	}
}

@keyframes slideOutBlurredLeft {
	0% {
		transform: translateX(0) scaleY(1) scaleX(1);
		transform-origin: 50% 50%;
		filter: blur(0);
		opacity: 1
	}

	to {
		transform: translateX(-1000px) scaleX(2) scaleY(.2);
		transform-origin: 100% 50%;
		filter: blur(40px);
		opacity: 0
	}
}

@keyframes slideOutBlurredRight {
	0% {
		transform: translateX(0) scaleY(1) scaleX(1);
		transform-origin: 50% 50%;
		filter: blur(0);
		opacity: 1
	}

	to {
		transform: translateX(1000px) scaleX(2) scaleY(.2);
		transform-origin: 0 50%;
		filter: blur(40px);
		opacity: 0
	}
}

.Vue-Toastification__slideBlurred-enter-active.bottom-left,
.Vue-Toastification__slideBlurred-enter-active.top-left {
	animation-name: slideInBlurredLeft
}

.Vue-Toastification__slideBlurred-enter-active.bottom-right,
.Vue-Toastification__slideBlurred-enter-active.top-right {
	animation-name: slideInBlurredRight
}

.Vue-Toastification__slideBlurred-enter-active.top-center {
	animation-name: slideInBlurredTop
}

.Vue-Toastification__slideBlurred-enter-active.bottom-center {
	animation-name: slideInBlurredBottom
}

.Vue-Toastification__slideBlurred-leave-active:not(.disable-transition).bottom-left,
.Vue-Toastification__slideBlurred-leave-active:not(.disable-transition).top-left {
	animation-name: slideOutBlurredLeft
}

.Vue-Toastification__slideBlurred-leave-active:not(.disable-transition).bottom-right,
.Vue-Toastification__slideBlurred-leave-active:not(.disable-transition).top-right {
	animation-name: slideOutBlurredRight
}

.Vue-Toastification__slideBlurred-leave-active:not(.disable-transition).top-center {
	animation-name: slideOutBlurredTop
}

.Vue-Toastification__slideBlurred-leave-active:not(.disable-transition).bottom-center {
	animation-name: slideOutBlurredBottom
}

.Vue-Toastification__slideBlurred-enter-active,
.Vue-Toastification__slideBlurred-leave-active {
	animation-duration: .75s;
	animation-fill-mode: both
}

.Vue-Toastification__slideBlurred-move {
	transition-timing-function: ease-in-out;
	transition-property: all;
	transition-duration: .4s
}

.Vue-Toastification__toast-body {
	font-size: 15px
}

.Vue-Toastification__toast {
	width: 80% !important;
	align-items: center;
	padding: 18px 20px;
	min-width: 300px;
	border-radius: 12px;
	width: 80%
}

.Vue-Toastification__container {
	padding-top: 12px;
	box-sizing: border-box
}

.Vue-Toastification__container.top-center {
	align-items: center
}

.Nai-H6znXw0-P-Long {
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center
}

.Nai-KkDhGT9cJ-Long {
	padding: 48px 0;
	font-size: 1.5rem
}

.Nai-5w8l9Xg1z-Long input,
.Nai-UfjrVdlf9-Long {
	padding: 10px 14px;
	border-radius: 6px;
	font-size: 1rem
}

.Nai-GWLB3uxr--Long {
	font-size: .85rem
}

.Nai-5w8l9Xg1z-Long {
	display: flex;
	flex-direction: column;
	width: 100%;
	padding: 0 48px;
	box-sizing: border-box;
	position: relative;
	max-width: 400px;
	gap: 4px
}

.Nai-5w8l9Xg1z-Long input {
	background: #f8f8f8
}

.Nai-5w8l9Xg1z-Long+.Nai-5w8l9Xg1z-Long {
	margin-top: 24px
}

.Nai-UfjrVdlf9-Long {
	margin: 0 48px;
	width: -webkit-fill-available;
	max-width: 304px;
	box-sizing: border-box;
	margin-top: 48px;
	background-color: #007bff;
	color: #fff
}

#kefu-imported-container .kefu-editable-text {
	cursor: pointer;
	transition: background-color .2s;
	border-radius: 3px
}

#kefu-imported-container .kefu-editable-text:hover {
	background-color: rgba(22, 119, 255, .08);
	outline: 1px dashed rgba(22, 119, 255, .3)
}

#kefu-imported-container .kefu-editing {
	background-color: rgba(22, 119, 255, .15) !important;
	outline: 2px solid #1677ff !important;
	border-radius: 3px
}

.kefu-text-editor {
	padding: 8px 12px;
	background: #f0f6ff;
	border-bottom: 1px solid #d6e4ff;
	display: flex;
	align-items: center;
	gap: 8px
}

.kefu-text-editor-input {
	flex: 1;
	padding: 8px 12px !important;
	border: 1px solid #adc6ff !important;
	border-radius: 8px !important;
	font-size: 14px !important;
	outline: none !important;
	background: #fff !important;
	color: #333 !important;
	box-sizing: border-box !important
}

.kefu-text-editor-input:focus {
	border-color: #1677ff !important;
	box-shadow: 0 0 0 2px rgba(22, 119, 255, .15) !important
}

#kefu-imported-container .Nai-hdC3SqpQW-Long,
#kefu-imported-container .Nai-ld5GcXnQq-Long {
	position: relative !important;
	height: auto !important
}

#kefu-imported-container .Nai-Quv7KQ8nk-Long {
	position: sticky !important;
	bottom: 0 !important
}

.element-selector-box {
	position: absolute;
	pointer-events: none;
	z-index: 10000;
	border-radius: .25rem
}

.element-selector-selection {
	border: 2px solid #2196f3;
	background-color: rgba(33, 150, 243, .3)
}

.element-selector-hover {
	border: 1px solid #ffc107;
	background-color: rgba(255, 193, 7, .3)
}

.element-selector-label {
	position: absolute;
	top: -25px;
	left: 0;
	background: #2196f3;
	color: #fff;
	padding: 2px 6px;
	border-radius: .25rem;
	font-size: 12px;
	font-family: Arial, sans-serif;
	white-space: nowrap;
	pointer-events: none
}

.element-selector-label.hover {
	background: #ffc107;
	color: #000
}

.Nai-OBJ-tu93t-Long,
.Nai-m5GlKWcpy-Long {
	pointer-events: auto !important
}

.Nai-m5GlKWcpy-Long input,
.Nai-m5GlKWcpy-Long select {
	pointer-events: auto !important;
	height: 72rpx;
	line-height: 72rpx;
	font-size: 28rpx;
	padding: 0 20rpx;
	box-sizing: border-box
}

.xufei-page[data-v-98e0e516] {
	min-height: 100vh;
	background: #f5f5f5
}

.alert[data-v-98e0e516] {
	padding: 10px;
	margin: 10px;
	border-radius: 4px;
	text-align: center
}

.alert-success[data-v-98e0e516] {
	background: #d4edda;
	color: #155724;
	border: 1px solid #c3e6cb
}

.alert-error[data-v-98e0e516] {
	background: #f8d7da;
	color: #721c24;
	border: 1px solid #f5c6cb
}

.user-info[data-v-98e0e516] {
	background: #e8f5e8;
	padding: 15px;
	margin: 10px;
	border-radius: 5px
}

.header-with-back[data-v-98e0e516] {
	display: flex;
	align-items: center;
	padding: 10px
}

.back-arrow[data-v-98e0e516] {
	cursor: pointer;
	margin-right: 12px
}

.page-title[data-v-98e0e516] {
	font-weight: 700
}

.days-display-container[data-v-98e0e516] {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 10px
}

.days-label[data-v-98e0e516] {
	font-weight: 700
}

.days-value[data-v-98e0e516] {
	font-weight: 700;
	color: #007bff;
	font-size: 18px
}

.vue-slider[data-v-98e0e516] {
	position: relative;
	box-sizing: content-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	display: block;
	padding: 10px 0;
	width: 100%;
	height: 4px
}

.vue-slider-rail[data-v-98e0e516] {
	background: #e5e5e5;
	border-radius: 15px;
	width: 100%;
	height: 100%;
	position: relative
}

.vue-slider-process[data-v-98e0e516] {
	position: absolute;
	z-index: 1;
	background: #007bff;
	border-radius: 15px;
	height: 100%;
	top: 0;
	left: 0;
	transition: width .1s
}

.vue-slider-marks[data-v-98e0e516] {
	position: relative;
	width: 100%;
	height: 100%
}

.vue-slider-mark[data-v-98e0e516] {
	position: absolute;
	z-index: 1;
	height: 100%;
	width: 4px;
	transform: translate(-50%, -50%);
	top: 50%
}

.vue-slider-mark-step[data-v-98e0e516] {
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background: #999;
	position: absolute;
	top: 0
}

.vue-slider-mark-label[data-v-98e0e516] {
	position: absolute;
	top: 100%;
	margin-top: 10px;
	left: 50%;
	transform: translateX(-50%);
	font-size: 12px;
	white-space: nowrap
}

.vue-slider-dot[data-v-98e0e516] {
	position: absolute;
	transition: left .1s;
	z-index: 5;
	width: 20px;
	height: 20px;
	transform: translate(-50%, -50%);
	top: 50%
}

.vue-slider-dot-handle[data-v-98e0e516] {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background: #007bff;
	box-shadow: .5px .5px 2px 1px rgba(0, 0, 0, .32);
	cursor: pointer
}

.vue-slider-dot-tooltip[data-v-98e0e516] {
	position: absolute;
	visibility: hidden
}

.vue-slider-dot-tooltip-show[data-v-98e0e516],
.vue-slider-dot:hover .vue-slider-dot-tooltip[data-v-98e0e516] {
	visibility: visible
}

.vue-slider-dot-tooltip-top[data-v-98e0e516] {
	top: -10px;
	left: 50%;
	transform: translate(-50%, -100%)
}

.vue-slider-dot-tooltip-inner[data-v-98e0e516] {
	background: #007bff;
	color: #fff;
	padding: 4px 8px;
	border-radius: 4px;
	font-size: 12px;
	white-space: nowrap
}

.vue-slider-dot-tooltip-inner-top[data-v-98e0e516] {
	transform: translateY(-5px)
}

.payment-btn[data-v-98e0e516] {
	background: #00b15e;
	color: #fff;
	border: none;
	padding: 12px 24px;
	border-radius: 6px;
	font-size: 16px;
	cursor: pointer;
	width: 100%;
	margin-top: 20px
}

.payment-btn[data-v-98e0e516]:disabled {
	background: #ccc;
	cursor: not-allowed
}

.red-text[data-v-98e0e516] {
	color: #000;
	font-weight: 700
}

.cost-summary[data-v-98e0e516] {
	text-align: center;
	margin: 20px 0;
	font-size: 16px
}

.balance-warning[data-v-98e0e516] {
	margin-top: 10px;
	color: #f44336;
	font-size: 13px
}

.fengkongtu-page[data-v-bda1ef52] {
	background-color: #f5f5f5;
	width: 100%;
	height: 100vh;
	overflow: hidden
}

.container[data-v-bda1ef52] {
	height: 100%;
	width: 100%;
	background-color: #fff;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	position: relative
}

.header[data-v-bda1ef52] {
	display: flex;
	align-items: center;
	padding: 12px 16px;
	background-color: #fff;
	border-bottom: 1px solid #eee
}

.header svg[data-v-bda1ef52] {
	width: 18px;
	height: 18px;
	cursor: pointer
}

.header-title[data-v-bda1ef52] {
	margin-left: 12px;
	font-weight: 700
}

.platform-selector[data-v-bda1ef52] {
	display: flex;
	background-color: #dbdbdb;
	position: relative;
	box-sizing: border-box;
	font-size: .9rem;
	flex-wrap: wrap;
	border: 2px solid #dbdbdb;
	margin: 10px;
	border-radius: 6px
}

.platform-item[data-v-bda1ef52] {
	flex: 1;
	text-align: center;
	min-height: 36px;
	max-height: 36px;
	line-height: 36px;
	z-index: 2;
	color: #555;
	min-width: 50%;
	max-width: 50%;
	cursor: pointer
}

.platform-slider[data-v-bda1ef52] {
	content: "";
	width: 50%;
	min-height: 36px;
	max-height: 36px;
	background-color: #f5f5f5;
	position: absolute;
	left: 0;
	transition: transform .2s linear;
	border-radius: 4px
}

.platform-slider.wx[data-v-bda1ef52] {
	transform: translateX(100%)
}

.form-section[data-v-bda1ef52] {
	padding: 0 16px
}

.form-item[data-v-bda1ef52] {
	display: flex;
	align-items: center;
	padding: 12px 0;
	border-bottom: 1px solid #eee
}

.form-item label[data-v-bda1ef52] {
	min-width: 80px;
	color: #707070
}

.form-item input[data-v-bda1ef52] {
	flex: 1;
	border: none;
	outline: none;
	font-size: 1rem;
	padding: 4px 0
}

.toggle-switch[data-v-bda1ef52] {
	width: 50px;
	height: 26px;
	background-color: #e0e0e0;
	border-radius: 13px;
	position: relative;
	cursor: pointer;
	transition: background-color .3s
}

.toggle-switch.active[data-v-bda1ef52] {
	background-color: #4caf50
}

.toggle-switch[data-v-bda1ef52]:after {
	content: "";
	position: absolute;
	width: 22px;
	height: 22px;
	background-color: #fff;
	border-radius: 50%;
	top: 2px;
	left: 2px;
	transition: transform .3s;
	box-shadow: 0 2px 4px rgba(0, 0, 0, .2)
}

.toggle-switch.active[data-v-bda1ef52]:after {
	transform: translateX(24px)
}

.preview-section[data-v-bda1ef52] {
	margin-top: 20px;
	position: relative
}

.preview-content[data-v-bda1ef52] {
	min-height: 100vh;
	position: relative;
	overflow: hidden
}

.preview-content.ysf[data-v-bda1ef52] {
	background-color: #f5f5f5
}

.preview-content.wx[data-v-bda1ef52] {
	background-color: #ededed;
	display: flex;
	flex-direction: column;
	min-height: 100vh
}

.ysf-header[data-v-bda1ef52] {
	display: flex;
	position: relative;
	align-items: center;
	justify-content: center;
	font-weight: 700;
	font-size: 1.1rem;
	height: 44px;
	background-color: #fff
}

.ysf-header svg[data-v-bda1ef52] {
	position: absolute;
	left: 18px
}

.ysf-card[data-v-bda1ef52] {
	padding: 18px;
	background-color: #fff;
	margin: 0 16px;
	border-radius: 12px;
	box-shadow: 0 0 6px rgba(0, 0, 0, .05);
	margin-top: 10px
}

.ysf-info-list[data-v-bda1ef52] {
	display: flex;
	flex-direction: column;
	margin-top: 12px;
	padding-top: 0;
	padding-bottom: 0
}

.ysf-info-item[data-v-bda1ef52] {
	padding: 18px 0;
	display: flex;
	align-items: baseline
}

.ysf-info-item+.ysf-info-item[data-v-bda1ef52] {
	border-top: .5px solid #dbdbdb
}

.ysf-info-label[data-v-bda1ef52] {
	min-width: 6rem;
	color: #707070
}

.ysf-info-value[data-v-bda1ef52] {
	font-size: .92rem
}

.ysf-amount-section[data-v-bda1ef52] {
	margin-top: 20px
}

.ysf-amount-title[data-v-bda1ef52] {
	font-weight: 700;
	margin-bottom: 24px
}

.ysf-amount-display[data-v-bda1ef52] {
	font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;
	display: flex;
	align-items: center;
	gap: 4px;
	padding-bottom: 6px;
	border-bottom: 1px solid #dbdbdb;
	margin-bottom: 18px
}

.ysf-amount-display span[data-v-bda1ef52] {
	font-size: 1.35rem;
	margin-top: 4px
}

.ysf-amount-display b[data-v-bda1ef52] {
	font-size: 2.2rem;
	font-weight: 400;
	letter-spacing: 1px
}

.ysf-payment-card[data-v-bda1ef52] {
	display: flex;
	align-items: flex-start
}

.ysf-payment-label[data-v-bda1ef52] {
	min-width: 6rem;
	color: #707070;
	line-height: 20px
}

.ysf-payment-details[data-v-bda1ef52] {
	display: flex;
	flex-direction: column
}

.ysf-payment-bank[data-v-bda1ef52] {
	margin-bottom: 8px;
	font-size: .9rem;
	line-height: 20px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	box-sizing: border-box;
	padding-right: 12px
}

.ysf-payment-notice[data-v-bda1ef52] {
	color: #707070;
	font-size: .88rem;
	margin-bottom: 4px
}

.ysf-payment-balance[data-v-bda1ef52] {
	font-size: .88rem;
	color: #707070;
	display: flex;
	align-items: center
}

.ysf-transfer-all[data-v-bda1ef52] {
	color: #4a7cff;
	margin-left: 6px;
	font-size: .88rem;
	word-break: keep-all
}

.ysf-confirm-btn[data-v-bda1ef52] {
	background-color: #e81d23;
	color: #fff;
	margin: 0 16px;
	margin-top: 28px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 14px 0;
	border-radius: 32px;
	cursor: pointer
}

.ysf-tips[data-v-bda1ef52] {
	display: flex;
	flex-direction: column;
	gap: 8px;
	font-size: .75rem;
	margin: 0 16px;
	margin-top: 36px;
	color: #999
}

.ysf-tips span[data-v-bda1ef52] {
	color: #e81d23;
	font-weight: 700
}

.wx-cover[data-v-bda1ef52] {
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	-o-object-fit: cover;
	object-fit: cover;
	overflow: hidden;
	opacity: .4
}

.wx-cover img[data-v-bda1ef52] {
	width: 100%;
	transform: translateY(-48px);
	-o-object-fit: cover;
	object-fit: cover
}

.wx-header[data-v-bda1ef52] {
	padding: 1.4vh 0;
	box-sizing: border-box;
	padding-left: 3vw;
	position: relative;
	display: flex;
	align-items: center
}

.wx-header-title[data-v-bda1ef52] {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	font-size: 1.09rem;
	font-weight: 700
}

.wx-recipient[data-v-bda1ef52] {
	box-sizing: border-box;
	padding-left: 7.96vw;
	padding-top: 3vh;
	padding-bottom: 3.33vh;
	display: flex;
	flex-direction: column;
	gap: .4vh
}

.wx-recipient-title[data-v-bda1ef52] {
	font-weight: 700;
	color: #000;
	font-size: 1.045rem
}

.wx-recipient-name[data-v-bda1ef52] {
	font-size: .74rem;
	color: #7c7c7c
}

.wx-amount-section[data-v-bda1ef52] {
	background-color: #fff;
	border-radius: 14px 14px 0 0;
	display: flex;
	flex-direction: column;
	flex: 1;
	margin-top: 10px;
	padding-bottom: 20px
}

.wx-amount-title[data-v-bda1ef52] {
	font-weight: 700;
	font-size: .854rem;
	width: 100%;
	box-sizing: border-box;
	padding-left: 7.94vw;
	padding-top: 3.84vh;
	color: #424242
}

.wx-amount-display[data-v-bda1ef52] {
	font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;
	margin-top: 1.046rem;
	width: 100%;
	display: flex;
	align-items: center;
	gap: .5rem;
	color: #000;
	margin-left: 7.78vw
}

.wx-amount-symbol[data-v-bda1ef52] {
	font-size: 2.3rem;
	transform: translateY(-.365rem)
}

.wx-amount-value[data-v-bda1ef52] {
	font-size: 3.25rem
}

.wx-divider[data-v-bda1ef52] {
	height: 1px;
	width: auto;
	margin-left: 7.6vw;
	margin-right: 7.6vw;
	background-color: #f6f6f6;
	margin-top: 1.08vh
}

.popup-overlay[data-v-bda1ef52] {
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
	background-color: rgba(0, 0, 0, .15)
}

.popup-overlay.wx[data-v-bda1ef52] {
	background-color: rgba(0, 0, 0, .3)
}

.popup[data-v-bda1ef52] {
	z-index: 11;
	position: absolute;
	background-color: #fff;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	display: flex;
	flex-direction: column;
	border-radius: 12px;
	overflow: hidden;
	box-shadow: 0 0 6px rgba(0, 0, 0, .01);
	width: 80%;
	max-width: 300px
}

.popup.wx[data-v-bda1ef52] {
	border-radius: 8px
}

.popup-message[data-v-bda1ef52] {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 24px 18px;
	word-break: break-all;
	box-sizing: border-box;
	border-bottom: .5px solid #c2c2c2;
	text-align: center
}

.popup-message.wx[data-v-bda1ef52] {
	padding: 2.05rem 2rem;
	font-size: 1.043rem;
	font-weight: 700;
	text-align: center;
	line-height: 1.38rem;
	word-break: break-all;
	border-bottom: none
}

.popup-buttons[data-v-bda1ef52] {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	font-size: .95rem
}

.popup-buttons.wx[data-v-bda1ef52] {
	display: flex;
	border-top: .5px solid #ededed;
	gap: .5px;
	background-color: #ededed;
	font-size: 1.05rem;
	box-sizing: border-box
}

.popup-button[data-v-bda1ef52] {
	flex: 1;
	text-align: center;
	padding: 16px;
	cursor: pointer
}

.popup-button.wx[data-v-bda1ef52] {
	flex: 1;
	text-align: center;
	background-color: #fff;
	padding: 1rem 0;
	box-sizing: border-box
}

.popup-button.wx[data-v-bda1ef52]:first-child {
	padding-left: .5rem
}

.popup-button.wx[data-v-bda1ef52]:last-child {
	padding-right: .5rem;
	color: #4f689e
}

.popup-button.cancel[data-v-bda1ef52] {
	color: #6a6a6a
}

.popup-button.confirm[data-v-bda1ef52] {
	color: #e81d23;
	border-left: .5px solid #c2c2c2
}

[data-v-444b2d85]:root {
	--color-blue: #06f
}

.fukuantu-page[data-v-444b2d85] {
	height: 100%;
	width: 100%;
	background: #fff;
	overflow: hidden
}

.main-container[data-v-444b2d85] {
	height: 100%;
	width: 100%;
	background: #f5f5f5;
	overflow-y: scroll;
	overscroll-behavior: none
}

.header[data-v-444b2d85] {
	background: #f5f5f5;
	padding-left: 8px;
	align-items: center;
	display: flex;
	height: 49px;
	border-bottom: 1px solid #dbdbdb
}

.header svg[data-v-444b2d85] {
	cursor: pointer
}

.header-title[data-v-444b2d85] {
	margin-left: 12px;
	font-weight: 700
}

.platform-selector[data-v-444b2d85] {
	display: flex;
	background-color: #dbdbdb;
	position: relative;
	box-sizing: border-box;
	font-size: .9rem;
	flex-wrap: wrap;
	border: 2px solid #dbdbdb;
	margin: 12px;
	border-radius: 4px;
	overflow: hidden
}

.platform-item[data-v-444b2d85] {
	flex: 1;
	text-align: center;
	min-height: 36px;
	max-height: 36px;
	line-height: 36px;
	z-index: 2;
	color: #555;
	min-width: 50%;
	max-width: 50%;
	cursor: pointer
}

.platform-slider[data-v-444b2d85] {
	content: "";
	width: 50%;
	min-height: 36px;
	max-height: 36px;
	background-color: #f5f5f5;
	position: absolute;
	left: 0;
	transition: transform .1s linear;
	border-radius: 0
}

.platform-slider.alipay[data-v-444b2d85] {
	transform: translateX(0)
}

.platform-slider.wechat[data-v-444b2d85] {
	transform: translateX(100%)
}

.form-section[data-v-444b2d85] {
	background: #fff;
	margin: 0 12px;
	border-radius: 8px;
	overflow: hidden
}

.form-item[data-v-444b2d85] {
	display: flex;
	align-items: center;
	border-bottom: .5px solid #dbdbdb;
	background: #fff;
	padding: 0 16px;
	font-size: .95rem
}

.form-item label[data-v-444b2d85] {
	word-break: keep-all;
	min-width: 6em
}

.form-item input[data-v-444b2d85],
.form-item select[data-v-444b2d85] {
	-moz-appearance: none;
	appearance: none;
	-webkit-appearance: none;
	padding: 12px 0;
	background: transparent;
	width: 100%;
	font-size: inherit;
	color: #2d2d2d;
	border: none;
	outline: none
}

.preview-container[data-v-444b2d85] {
	width: 100%;
	font-size: 14px;
	max-height: 100%;
	min-height: 100%;
	overflow: hidden;
	margin-top: 6px;
	position: relative
}

.preview-container.alipay[data-v-444b2d85] {
	background: #f5f5f5
}

.preview-container.wechat[data-v-444b2d85] {
	background: #fff
}

.alipay-preview[data-v-444b2d85] {
	background: #fff;
	margin: 0 12px;
	position: relative;
	padding: 21px 14px;
	border-radius: 8px
}

.alipay-header[data-v-444b2d85] {
	height: 44px;
	padding: 0 14px;
	margin-bottom: 6px;
	padding-left: 4px;
	font-size: 1rem;
	color: #2d2d2d;
	display: flex;
	align-items: center;
	justify-content: space-between
}

.alipay-title[data-v-444b2d85] {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	font-weight: 700;
	font-size: 18px;
	color: #000
}

.alipay-icon[data-v-444b2d85] {
	border-radius: 50%;
	width: 40px;
	height: 40px;
	-o-object-fit: cover;
	object-fit: cover;
	margin-bottom: 12px
}

.alipay-content-vertical[data-v-444b2d85] {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 0 14px;
	margin-bottom: 20px
}

.alipay-merchant[data-v-444b2d85] {
	font-weight: 700;
	font-size: 16px;
	margin-bottom: 8px
}

@font-face {
	font-family: alipaynumber;
	src: url(data:font/woff2;base64,d09GMgABAAAAAA2IAA8AAAAAGXwAAA0uAAIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAG4NgBmAAglIIgQwJjiYRDAqLcIoPATYCJAMmCx4ABCAFixsHPgyBGRtwFxNuLDxsHJgHW08l+68O4iGWC3tkrVBO2WiUiw3q5b17G7nctqtZ53W+KWYYAZWPYkZRrpe/uaIa2qJRzA2l5CF+v19n5j7Mknr9oaHSiGJJE1VbIiRagN0tbSt3+Pf0/5ywTdKm9KAqZTo1nTu4A6/A3ee/S/h1ewL25y+5mq/11IyajTaZrFfuoPx8IbwAFRuWqf3T5ueTPtH6gHRJ3s6LHbB9iGvQxp4NmG5GslNoP1AVANRhVb4N2t21oaInLi/tL4D/AtT9v2nNph+lRfKQ94YiERYhEQ7jMj+zdzc7WxPaXOuhZ3MtoVZVSlddb/Z6d1QP7pDF4RDCoSReA7mtTuifbkr07Bib/wNjUThWAeqBJ5z2i/p/ygLQzcINbm5fPIguGMDnQY67W3aiC5BbDwRBETcrVJyhWx5tagzLDmFA8roDdKqBuMTDTv1qRwJ1R9Lq5gOfEBvW9x50EXXFg6c++A4UKBusDZmYYfw6IqCjgjoitCYKQZHqBJlOUOoYvY4zMtRKhjIiQ44IMzcBgZIyBlwAkIZ5CaKjPmuu4KGw+CVipedfpJp6K+dLcCZDeGA4EQZpM5QOIU9c6RB0lPSMjAn4JRNSCTigfvSXlfcGghdGEU6wCAr1JoewiSI8vLD4O36BE2VfGsLBqec4sxUlRPYQKIKgGMJTQAwSX+To5Oq6JpgVyX+qKmyN3LdCBADEb54CzIwCIu0J+hqHWi/+CRgvoDNpDwEscIvU/9kyF2+z+nfy6xYmv/VoB6Iw/3/+LABrI0iRmKIZCWA1+YU+yMwZKG7Fb4bFOMCB/Cv9Tf4tY/URrJN/X6SE8s6O9rZEc1NjQ31dbU11VWW8orystKS4KCZECwvy83IjfDgU5Lwet8uZmZGelprisFt1KrmMlUpoSiwiCRxDuQIpwIksnOaxPObilDSljXIJ9YHNermkKXaMKXK0fbxAjcazj1JGh1xgp6Yq7jgCrWtdifKiDBHgJbhUfCgh/1BCOBT9trkJN1dY5P/kJ+zxQiQupMMQbBICon7UHL+06bWj15vI5mZrVFubLZcgm5270rlwb36YnsnEw1dEGJQP6wuZBJGkTFzLcel0lVtto+sqDG251ORFqqttqBWXz5M1nrJwy+9Rw3XMSnf9jWEAy644v0qr6dOGx1K77H5Me/8x54r8CNXFX/v1QK0Da1yiuuYi4pak4+KUpLzfIngiHxD6e1g4+u/fFzUVJq17rgGWNRYdE4q0its55X2PDmPvfDrcsUwYkM/m5/0zesuhZcwHHe68rji+YTlwm+KCrXZvcSfh3e2BYZmPcTN9wfPWVyk8p8Jc9jm10ig0CW4YOreGJgxvGY/aX6+HKtT16baQ32mbpunr+hBhWX0G0dGiZem02t0Fe69p7xCFK4IhjsLm2bNrPI/nm1Dd6sHrKb+zzJhud05/FPDi/8pOflcOzx+1MCBg4GwhTxQaClsclhuPHVjbPrgzLjny/5RXOrldeJ6KgKhOk3Y7/tLmAeMmWC5xozgYnJ7hqH7eFKW9VqWzY0fB6dQt7K16hx7ER+kZ3kPVHjYbpmSra/JHTJrznhqDWwlL+Kh+b+GmY+4c1ccxJdQ2Izi582N2CtXnJ+EU2HrOj7GvZnisoL1ZXecHnFpldOtoVMiRZZFaMmt26KUo6OIfVSiYHS+d9EzSpaTdN+e8OGyoU9nGHDE+pKk67qLTdKONdFALYzj2TLPM1xrP4Gf0wLjKjYbWyNImctQyzsGxWYGIG7M6kWY4vfdwKA0DzhCmFSyA5j0cFxVtmx97xGER4u8RQ29g+B11cYtFKhu8F6jqpvNYpcPPBOU47G6guBnKTTPM8NOUdD3dOEUOsMzn5C9sbiND13DklGJbTRvRU3OV6q65pO7xJwF/U70Wj4x3QSKSXrVcyqSoZiQ+aWeRR9/tm0xC0SgAwE965jMpZM1VbfZglseMECDSSBJCuJMQkGiHSdNeq0YRgHcy2PiTGdasDAVstel5EChSDuysUAqPANEq44kIKGLKtPyOKawMOgpqgDf40xl3cMoQFq4Ojow37KZ3dvw6sI9lftdGsKArwNJ9ZEJOzvMsrVV5jqo66apyVZoUpqpY7BOmR+i3n0kB46FvlA/+s/oyH/wVGG3/Vv6dFRApoGoswfq5OEAMA3EpN/7DtzdAPP+WI7/OkvAEcsQo5DUY5iAJDNOpSUMOjVnUDGlkmO5ZwuCSQZgEb+3vb5nb+DAIoxe4eKBV0CCZtFPrLoUmowRebwYKP3EBOBhsH4CLr4VGMvArOAPSyX7futwB4/EBek2SWwvz6Y68Tg2cV+tnI7Sse0T1XdBtAMxr79ISCm+GrTQtelmf+Yzqe2CiBmzwzH8lv1kCkv39Dg/c9JrncHE/VTScjwCx+LOHcbxODaUBBSjIwE66uY1Gk8SL6TXDRvv25VOoBDDgfP7S16lkhZwB3UaffiVRbADmex1I0jTVW5kYgFh555bxgWWMB8beJlH0hGue0m9avaST2kH19YOvFszbqXPl+82/bzYxKwxVDWW+w1rR7kZY0innhnzeY6hLVDd0dTWIevK627CGJnMrfX3q8w5DQ2dzS3tvI/lq3jcjenNS3/4ut1bDtuVwmzxjSGeLU3Rh5pKZ4ivi0WWWkUTrqIlE70jpmNJ4XCGWFrx7ylisZbj18V9rH/7+phgW796+dAIgxweblm7ve2kCmyLtHM8vaJ7V1zFYXTj83T8320tTOY3Hy2pGI03jB3eNGDW206UrXdmx57JpqPSauNsVbFSNJh+5Tq0J5BWHwqYOi/9W4Gip18OqRyH1E4a2Dx43oj3srWl6ja8tyg90DfEX8Tu/jweXvTzqZceQb25sHDfqeNfZbuMO8eROvGJsw9ScUEFZXn5hUTA/q7tv1lDlpari3onThq+5MHwYX2y8Ix4e5ocKYXtXamydZM4+LW5OD7X6/YOLYvywYeFYoCdaGgkXlEVCBcW5kVipz/jD9O8buaEbx8oeiId5c3uEvEjL50td1b6wP9Hlyc3v9PiaeZ+7eulo/4yC31c+zF+Qs+2cy3Xa6dztcu91ciVF0WAgJvj9ghAIxqI+fsWJNPxQVrDDE+oqEvghw0NC0rBgeHCUt3fXbFeVTsgrCvFCLBCOxvhgtDiSAQAAx3GIIWDdn+/Bywkat0ikz8xE0gMOh5yVElkkabcCHYj6Hvpz/qhxVC1XRDynai93FBoZuI4hUAGikfukgyadWv0cpiGCGMFRFOIENKZRC6Nweo2IJbVoJuvRkSKVshpD/AsWsi5lfMGksSFXLLQkzrLmMluvsYmELStzunu7ZeX4EXILDOibR0kSp8UEjpz0e5RVYBiVWaOREWa90gWGRpnqTg1isYphSJtKTxIWRgDbcYpAUcxLgpDFpiKczm/TBbFLjulmWXzMpNAaDsbT0yU+g94m8UnuNcBLiHrU2SAD2hDzYqiAHcF+GA+GGRgSoNZEPN2TSXxhMQcQkMCHdsJ/nc3/L7KWL+B7+OU1gj9/X28HU50R3xcl8CfxTxBAM1SVqIwyyYzv/yCaMW3T5q5PlXDsEw0ElN58JjrmYpI8W+6B5djk9/NDB0gyHl2ET7JAVExEC3Js1a15KGMIN5RI1ajI04QaVi+hNoyDYrt6FnXg3USd1P5FXdhQoB7asIu9Ko8GmaJu8CFIjNUKNmIAvMT4CYJ08TVCSBM1KJuRcoYwhbkS4XR5UyTUdxFpUv6KRLLLcCRmKS8jmrscFBn17RIZ3hmwGclhTWyD/AejzSJc34s+r4+zxUpsqBwFZBZn6NSSrZik01YdtdTaJcDCAkwxwfCr0XI6Iq8+rlLVMHxnbCoVn5OLOpCtAZ/ba8strO29cmHT67O1FM4bqxtxqNGZ23xhV9BV8vHk+6EnwwHJAef2cqUW+Dv06ACDYRorbSrFBUx82Y4KypmShwoqNToL1Vhh9Dx3DTmKH95AvFJWeVXcNRU9NMWkkbIY/ZHHM/NskuO1DyOHUjU7Zu9neanFCeJ9YMjKRGAvsPHxyvY5NjEl1KAm/QNMxTLIUZbYrDuXnGyqRZqEX10CRBYeuBEkZ68HABFc0e/94UpSaWSJd9xKsV9h54jjcNrOLEONuqfrt8ml93y7E2ySL7FpORDk0+vOdoIa2t7tE+YSlAW1PomI7KkOJQHSLgEc1XPjanvEFmajWwsudNqKqrjEqFqCF2B6tpdeGU85RhIPVCAl3UfMrpujCoqtzmoocRIZ863J4thJC35xnNMEbW8SJVxG/eqOvCOeRJ55PWk8/N2UhiIV8KS0PsTka+A11JN8BO1Pvmmgg4yckoqahpaOnoGRaXVXz+kSnVx74qkDKluKRBtXEk+t0NQyJp5HJ41+YEQ1LXViiGMTwUk8iVqZ/513JsRI3IFeMRlO7fz/IjjTGrD4hPPdQ2PU7vPkHjlc6w9MJsQt++HNm3BfNeETXfPZmHOvyG5pdWEUSe/MD4LU88VDn09gFz0AAAA=) format("woff2")
}

.alipay-amount[data-v-444b2d85] {
	font-family: alipaynumber;
	font-size: 33px;
	font-weight: 700;
	margin-bottom: 8px
}

.alipay-status[data-v-444b2d85] {
	color: #030303;
	font-size: 16px
}

.alipay-info-item[data-v-444b2d85] {
	align-items: flex-start;
	width: 100%;
	font-size: 13px;
	display: flex
}

.alipay-info-item+.alipay-info-item[data-v-444b2d85] {
	margin-top: 8px
}

.alipay-info-label[data-v-444b2d85] {
	color: #999;
	min-width: 100px
}

.alipay-info-value[data-v-444b2d85] {
	word-break: break-all
}

.alipay-more[data-v-444b2d85] {
	font-size: 13px;
	color: #999;
	gap: 1px;
	margin-top: 12px;
	display: flex;
	align-items: center;
	justify-content: center
}

.wechat-preview[data-v-444b2d85] {
	background: #fff;
	border-radius: 8px;
	padding: 0;
	padding-bottom: 160px;
	position: relative;
	overflow: visible;
	min-height: 500px;
	margin: 0 12px
}

.wechat-cover[data-v-444b2d85] {
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	-o-object-fit: cover;
	object-fit: cover;
	overflow: hidden;
	opacity: .2
}

.wechat-cover img[data-v-444b2d85] {
	width: 100%;
	transform: translateY(-48px);
	-o-object-fit: cover;
	object-fit: cover
}

.wechat-success[data-v-444b2d85] {
	color: #09bb07;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	padding: 2vh 0;
	font-size: 1.03rem;
	gap: .75rem;
	font-weight: 700;
	position: relative;
	z-index: 1
}

.wechat-success-icon[data-v-444b2d85] {
	transform: translateX(.25rem)
}

.wechat-merchant[data-v-444b2d85] {
	text-align: center;
	width: 100%;
	font-size: 1.04rem;
	margin-top: 9.6vh;
	position: relative;
	z-index: 1
}

.wechat-amount-section[data-v-444b2d85] {
	font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;
	margin-top: 1.046rem;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: .5rem;
	color: #000;
	position: relative;
	z-index: 1
}

.wechat-amount-symbol[data-v-444b2d85],
.wechat-amount-value[data-v-444b2d85] {
	font-size: 3.25rem
}

.wechat-complete-btn[data-v-444b2d85] {
	background-color: #f2f2f2;
	padding: .823rem 0;
	border-radius: 8px;
	font-size: 1.05rem;
	text-align: center;
	font-weight: 700;
	position: fixed;
	left: 50%;
	transform: translateX(-50%);
	width: 50vw;
	bottom: 5vh;
	word-break: keep-all;
	overflow: hidden;
	z-index: 1
}

@font-face {
	font-family: fa1;
	src: url(https://rr1114.cn-nb1.rains3.com/assets/WeChatSansStd-Medium-v5yzLSK0.otf) format("opentype")
}

.file-input[data-v-444b2d85] {
	display: none
}

.upload-btn[data-v-444b2d85] {
	color: #06f;
	cursor: pointer
}

.preview-image[data-v-444b2d85] {
	width: 100%;
	font-size: 14px;
	max-height: 100%;
	min-height: 100%;
	overflow: hidden;
	margin-top: 6px;
	position: relative
}

.preview-image img[data-v-444b2d85] {
	width: 100%;
	max-width: 377.333px
}

.settings-page[data-v-ead55b88] {
	min-height: 100vh;
	background: linear-gradient(180deg, #f2f2f7, #e5e5ea);
	padding-bottom: 40px
}

.nav-header[data-v-ead55b88] {
	display: flex;
	align-items: center;
	padding: 12px 16px
}

.back-btn[data-v-ead55b88] {
	display: flex;
	align-items: center;
	gap: 4px;
	background: none;
	border: none;
	color: #007aff;
	font-size: 17px;
	font-weight: 400;
	cursor: pointer;
	padding: 0
}

.back-btn[data-v-ead55b88]:active {
	opacity: .6
}

.page-title[data-v-ead55b88] {
	font-size: 34px;
	font-weight: 700;
	color: #000;
	padding: 8px 20px 20px;
	letter-spacing: -.5px
}

.settings-section[data-v-ead55b88] {
	padding: 0 16px;
	margin-bottom: 32px
}

.section-header[data-v-ead55b88] {
	font-size: 13px;
	font-weight: 400;
	color: #6d6d72;
	text-transform: uppercase;
	letter-spacing: -.08px;
	padding: 0 12px 8px
}

.settings-card[data-v-ead55b88] {
	background: #fff;
	border-radius: 12px;
	overflow: hidden;
	box-shadow: 0 1px 3px rgba(0, 0, 0, .04)
}

.settings-item[data-v-ead55b88] {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 12px 16px;
	cursor: pointer;
	transition: background-color .15s ease
}

.settings-item[data-v-ead55b88]:active {
	background-color: #e5e5ea
}

.item-left[data-v-ead55b88] {
	display: flex;
	align-items: center;
	gap: 14px
}

.item-icon[data-v-ead55b88] {
	width: 30px;
	height: 30px;
	border-radius: 7px;
	display: flex;
	align-items: center;
	justify-content: center
}

.password-icon[data-v-ead55b88] {
	background: linear-gradient(135deg, #34c759, #30b350)
}

.guest-icon[data-v-ead55b88] {
	background: linear-gradient(135deg, #007aff, #0062cc)
}

.notification-icon[data-v-ead55b88],
.spend-icon[data-v-ead55b88] {
	background: linear-gradient(135deg, #ff9500, #ff6b00)
}

.recharge-icon[data-v-ead55b88] {
	background: linear-gradient(135deg, #5856d6, #4240b0)
}

.notification-item:active .toggle-switch[data-v-ead55b88] {
	background-color: inherit
}

.toggle-switch[data-v-ead55b88] {
	width: 51px;
	height: 31px;
	border-radius: 15.5px;
	background: #e5e5ea;
	position: relative;
	cursor: pointer;
	transition: background-color .3s ease;
	flex-shrink: 0
}

.toggle-switch.active[data-v-ead55b88] {
	background: #34c759
}

.toggle-switch.loading[data-v-ead55b88] {
	opacity: .6;
	pointer-events: none
}

.toggle-knob[data-v-ead55b88] {
	width: 27px;
	height: 27px;
	border-radius: 50%;
	background: #fff;
	position: absolute;
	top: 2px;
	left: 2px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, .15);
	transition: transform .3s ease
}

.toggle-switch.active .toggle-knob[data-v-ead55b88] {
	transform: translateX(20px)
}

.settings-item-hint[data-v-ead55b88] {
	padding: 4px 16px 12px 60px;
	font-size: 12px;
	color: #8e8e93;
	line-height: 1.4
}

.settings-item-hint.warning[data-v-ead55b88] {
	color: #ff3b30
}

.item-disabled-hint[data-v-ead55b88] {
	font-size: 12px;
	color: #8e8e93;
	margin-left: 4px
}

.item-status[data-v-ead55b88] {
	font-size: 12px;
	color: #8e8e93;
	margin-left: 8px
}

.item-label[data-v-ead55b88] {
	font-size: 17px;
	font-weight: 400;
	color: #000
}

.item-right[data-v-ead55b88] {
	display: flex;
	align-items: center
}

.modal-overlay[data-v-ead55b88] {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, .4);
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 1000;
	padding: 20px
}

.modal-container[data-v-ead55b88] {
	background: #fff;
	border-radius: 16px;
	width: 100%;
	max-width: 340px;
	overflow: hidden;
	box-shadow: 0 20px 60px rgba(0, 0, 0, .2)
}

.modal-header[data-v-ead55b88] {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 16px 20px;
	border-bottom: .5px solid #e5e5ea
}

.modal-title[data-v-ead55b88] {
	font-size: 17px;
	font-weight: 600;
	color: #000
}

.modal-close[data-v-ead55b88] {
	background: #f2f2f7;
	border: none;
	width: 28px;
	height: 28px;
	border-radius: 14px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer
}

.modal-close[data-v-ead55b88]:active {
	background: #e5e5ea
}

.modal-body[data-v-ead55b88] {
	padding: 20px
}

.input-group[data-v-ead55b88] {
	margin-bottom: 16px
}

.input-group label[data-v-ead55b88] {
	display: block;
	font-size: 13px;
	font-weight: 500;
	color: #6d6d72;
	margin-bottom: 8px
}

.input-wrapper[data-v-ead55b88] {
	position: relative;
	display: flex;
	align-items: center
}

.input-wrapper input[data-v-ead55b88] {
	width: 100%;
	height: 44px;
	padding: 0 44px 0 14px;
	font-size: 17px;
	color: #000;
	background: #f2f2f7;
	border: none;
	border-radius: 10px;
	outline: none;
	transition: background-color .2s ease
}

.input-wrapper input[data-v-ead55b88]:focus {
	background: #e8e8ed
}

.input-wrapper input[data-v-ead55b88]::-moz-placeholder {
	color: #c7c7cc
}

.input-wrapper input[data-v-ead55b88]::placeholder {
	color: #c7c7cc
}

.toggle-password[data-v-ead55b88] {
	position: absolute;
	right: 10px;
	background: none;
	border: none;
	padding: 4px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center
}

.password-tips[data-v-ead55b88] {
	background: #f2f2f7;
	border-radius: 10px;
	padding: 12px 14px;
	margin-top: 8px
}

.password-tips p[data-v-ead55b88] {
	font-size: 13px;
	color: #8e8e93;
	margin: 0;
	line-height: 1.6
}

.modal-footer[data-v-ead55b88] {
	display: flex;
	gap: 10px;
	padding: 16px 20px 20px
}

.modal-footer button[data-v-ead55b88] {
	flex: 1;
	height: 44px;
	border-radius: 10px;
	font-size: 17px;
	font-weight: 500;
	border: none;
	cursor: pointer;
	transition: all .2s ease
}

.btn-cancel[data-v-ead55b88] {
	background: #f2f2f7;
	color: #007aff
}

.btn-cancel[data-v-ead55b88]:active {
	background: #e5e5ea
}

.btn-confirm[data-v-ead55b88] {
	background: #007aff;
	color: #fff
}

.btn-confirm[data-v-ead55b88]:active {
	background: #0062cc
}

.btn-confirm[data-v-ead55b88]:disabled {
	background: #c7c7cc;
	cursor: not-allowed
}

.toast[data-v-ead55b88] {
	position: fixed;
	top: 60px;
	left: 50%;
	transform: translateX(-50%);
	padding: 12px 24px;
	border-radius: 12px;
	font-size: 15px;
	font-weight: 500;
	z-index: 2000;
	box-shadow: 0 8px 32px rgba(0, 0, 0, .12)
}

.toast.success[data-v-ead55b88] {
	background: #34c759;
	color: #fff
}

.toast.error[data-v-ead55b88] {
	background: #ff3b30;
	color: #fff
}

.modal-fade-enter-active[data-v-ead55b88],
.modal-fade-leave-active[data-v-ead55b88] {
	transition: opacity .25s ease
}

.modal-fade-enter-active .modal-container[data-v-ead55b88],
.modal-fade-leave-active .modal-container[data-v-ead55b88] {
	transition: transform .25s ease, opacity .25s ease
}

.modal-fade-enter-from[data-v-ead55b88],
.modal-fade-leave-to[data-v-ead55b88] {
	opacity: 0
}

.modal-fade-enter-from .modal-container[data-v-ead55b88],
.modal-fade-leave-to .modal-container[data-v-ead55b88] {
	transform: scale(.95);
	opacity: 0
}

.toast-fade-enter-active[data-v-ead55b88],
.toast-fade-leave-active[data-v-ead55b88] {
	transition: all .3s ease
}

.toast-fade-enter-from[data-v-ead55b88],
.toast-fade-leave-to[data-v-ead55b88] {
	opacity: 0;
	transform: translateX(-50%) translateY(-10px)
}

.payment-page[data-v-480070f2] {
	height: 100%;
	width: 100%;
	background: #fff;
	overflow: hidden
}

.main-container[data-v-480070f2] {
	height: 100%;
	width: 100%;
	background: #fff;
	overflow-y: auto;
	overscroll-behavior: none
}

.header[data-v-480070f2] {
	background: #fff;
	padding-left: 16px;
	align-items: center;
	display: flex;
	height: 50px;
	border-bottom: 1px solid #f0f0f0
}

.header svg[data-v-480070f2] {
	cursor: pointer
}

.header-title[data-v-480070f2] {
	margin-left: 12px;
	font-size: 16px
}

.add-btn[data-v-480070f2] {
	margin: 16px;
	background: #4a7dff;
	color: #fff;
	border-radius: 8px;
	padding: 14px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	cursor: pointer;
	font-size: 15px
}

.add-icon[data-v-480070f2] {
	font-size: 18px
}

.payment-list[data-v-480070f2] {
	padding: 0 16px
}

.payment-item[data-v-480070f2] {
	background: #fff;
	border-radius: 8px;
	padding: 16px;
	margin-bottom: 16px;
	box-shadow: 0 1px 4px rgba(0, 0, 0, .08)
}

.payment-info[data-v-480070f2] {
	margin-bottom: 12px
}

.info-row[data-v-480070f2] {
	font-size: 14px;
	color: #333;
	margin-bottom: 6px;
	line-height: 1.5
}

.expired[data-v-480070f2] {
	color: #e74c3c;
	font-weight: 500
}

.active[data-v-480070f2] {
	color: #27ae60;
	font-weight: 500
}

.payment-actions[data-v-480070f2] {
	display: flex;
	gap: 10px
}

.btn[data-v-480070f2] {
	padding: 10px 16px;
	border-radius: 6px;
	border: none;
	font-size: 13px;
	cursor: pointer;
	color: #fff
}

.btn-green[data-v-480070f2] {
	background: #27ae60
}

.btn-purple[data-v-480070f2] {
	background: #9b59b6
}

.btn-cancel[data-v-480070f2] {
	background: #95a5a6
}

.btn-confirm[data-v-480070f2] {
	background: #4a7dff
}

.modal-overlay[data-v-480070f2] {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, .5);
	z-index: 1000
}

.modal-sheet[data-v-480070f2] {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	background: #fff;
	border-radius: 16px 16px 0 0;
	max-height: 80vh;
	display: flex;
	flex-direction: column
}

.sheet-header[data-v-480070f2] {
	padding: 18px 16px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	border-bottom: 1px solid #f0f0f0
}

.sheet-title[data-v-480070f2] {
	font-size: 16px;
	font-weight: 500;
	color: #333
}

.sheet-close[data-v-480070f2] {
	position: absolute;
	right: 16px;
	font-size: 15px;
	color: #4a7dff;
	cursor: pointer
}

.sheet-body[data-v-480070f2] {
	flex: 1;
	overflow-y: auto;
	padding: 0
}

.form-row[data-v-480070f2] {
	display: flex;
	align-items: center;
	padding: 16px;
	border-bottom: 1px solid #f0f0f0
}

.form-row label[data-v-480070f2] {
	width: 70px;
	font-size: 15px;
	color: #333;
	flex-shrink: 0
}

.form-row input[data-v-480070f2],
.form-row select[data-v-480070f2] {
	flex: 1;
	border: none;
	outline: none;
	font-size: 15px;
	color: #333;
	background: transparent
}

.form-row input[data-v-480070f2]::-moz-placeholder {
	color: #999
}

.form-row input[data-v-480070f2]::placeholder {
	color: #999
}

.sheet-footer[data-v-480070f2] {
	padding: 16px;
	padding-bottom: calc(16px + env(safe-area-inset-bottom))
}

.create-btn[data-v-480070f2] {
	width: 100%;
	padding: 14px;
	background: #4a7dff;
	color: #fff;
	border: none;
	border-radius: 8px;
	font-size: 16px;
	cursor: pointer
}

.recharge-page[data-v-6bb3c21d] {
	min-height: 100%;
	height: 100%;
	background: #f5f5f5;
	display: flex;
	flex-direction: column;
	overflow: hidden;
	padding-bottom: env(safe-area-inset-bottom)
}

.nav-header[data-v-6bb3c21d] {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 12px 16px;
	background: #fff;
	border-bottom: 1px solid #eee
}

.back-btn[data-v-6bb3c21d] {
	background: none;
	border: none;
	padding: 4px
}

.nav-title[data-v-6bb3c21d] {
	font-size: 17px;
	font-weight: 600;
	color: #333
}

.nav-right[data-v-6bb3c21d] {
	width: 32px
}

.input-view[data-v-6bb3c21d] {
	flex: 1;
	display: flex;
	flex-direction: column;
	background: #fff
}

.amount-display[data-v-6bb3c21d] {
	padding: 40px 20px 10px;
	text-align: center;
	display: flex;
	align-items: baseline;
	justify-content: center;
	gap: 8px
}

.amount-value[data-v-6bb3c21d] {
	font-size: 48px;
	font-weight: 500;
	color: #333;
	min-width: 50px
}

.currency[data-v-6bb3c21d] {
	font-size: 20px;
	color: #666
}

.cursor[data-v-6bb3c21d] {
	display: inline-block;
	width: 2px;
	height: 40px;
	background: #1677ff;
	animation: blink-6bb3c21d 1s infinite
}

@keyframes blink-6bb3c21d {

	0%,
	50% {
		opacity: 1
	}

	51%,
	to {
		opacity: 0
	}
}

.min-hint[data-v-6bb3c21d] {
	text-align: center;
	color: #999;
	font-size: 13px;
	padding-bottom: 20px;
	border-bottom: 1px solid #f0f0f0
}

.keyboard[data-v-6bb3c21d] {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 1px;
	background: #d9d9d9;
	margin-top: auto
}

.key[data-v-6bb3c21d] {
	height: 56px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 24px;
	color: #333;
	background: #fff;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	cursor: pointer
}

.key[data-v-6bb3c21d]:active {
	background: #e5e5e5
}

.key.delete[data-v-6bb3c21d] {
	background: #f5f5f5
}

.confirm-btn[data-v-6bb3c21d] {
	margin: 16px;
	height: 48px;
	background: #1677ff;
	color: #fff;
	border: none;
	border-radius: 8px;
	font-size: 17px;
	font-weight: 500
}

.confirm-btn[data-v-6bb3c21d]:disabled {
	background: #ccc
}

.pay-view[data-v-6bb3c21d] {
	flex: 1;
	padding: 16px;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	padding-bottom: calc(32px + env(safe-area-inset-bottom))
}

.pay-card[data-v-6bb3c21d] {
	background: #fff;
	border-radius: 12px;
	overflow: hidden
}

.pay-amount[data-v-6bb3c21d] {
	padding: 24px;
	text-align: center;
	background: linear-gradient(135deg, #1677ff, #0958d9);
	color: #fff
}

.pay-label[data-v-6bb3c21d] {
	font-size: 14px;
	opacity: .9;
	margin-bottom: 8px
}

.pay-usdt[data-v-6bb3c21d] {
	font-size: 36px;
	font-weight: 600
}

.pay-usdt span[data-v-6bb3c21d] {
	font-size: 16px;
	font-weight: 400
}

.qrcode-section[data-v-6bb3c21d] {
	padding: 20px;
	text-align: center;
	border-bottom: 1px solid #f0f0f0
}

.address-text[data-v-6bb3c21d] {
	font-family: monospace;
	font-size: 11px;
	color: #666;
	word-break: break-all;
	margin: 12px 0;
	padding: 0 20px
}

.copy-btn[data-v-6bb3c21d] {
	background: #f5f5f5;
	border: none;
	padding: 8px 24px;
	border-radius: 16px;
	font-size: 14px;
	color: #1677ff
}

.order-info[data-v-6bb3c21d] {
	padding: 12px 16px
}

.info-row[data-v-6bb3c21d] {
	display: flex;
	justify-content: space-between;
	padding: 8px 0;
	font-size: 14px;
	color: #666
}

.expire[data-v-6bb3c21d],
.status-pending[data-v-6bb3c21d] {
	color: #ff9800
}

.status-paid[data-v-6bb3c21d] {
	color: #52c41a;
	font-weight: 600
}

.status-expired[data-v-6bb3c21d] {
	color: #999
}

.tips[data-v-6bb3c21d] {
	margin: 16px 0;
	padding: 12px 16px;
	background: #fffbe6;
	border-radius: 8px
}

.tips p[data-v-6bb3c21d] {
	margin: 4px 0;
	font-size: 13px;
	color: #666
}

.tips strong[data-v-6bb3c21d] {
	color: #333
}

.pay-actions[data-v-6bb3c21d] {
	display: flex;
	gap: 12px
}

.check-btn[data-v-6bb3c21d] {
	flex: 1;
	height: 44px;
	background: #1677ff;
	color: #fff;
	border: none;
	border-radius: 8px;
	font-size: 16px
}

.check-btn[data-v-6bb3c21d]:disabled {
	opacity: .7
}

.cancel-btn[data-v-6bb3c21d] {
	height: 44px;
	padding: 0 20px;
	background: #f5f5f5;
	color: #666;
	border: none;
	border-radius: 8px;
	font-size: 16px
}

.renew-page[data-v-99f5e4c8] {
	min-height: 100%;
	height: 100%;
	background: #f5f5f5;
	display: flex;
	flex-direction: column;
	overflow: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch
}

.nav-header[data-v-99f5e4c8] {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 12px 16px;
	background: #fff;
	border-bottom: 1px solid #eee
}

.back-btn[data-v-99f5e4c8] {
	background: none;
	border: none;
	padding: 4px;
	cursor: pointer
}

.nav-title[data-v-99f5e4c8] {
	font-size: 17px;
	font-weight: 600;
	color: #333
}

.nav-right[data-v-99f5e4c8] {
	width: 32px
}

.info-card[data-v-99f5e4c8] {
	margin: 16px;
	background: linear-gradient(135deg, #1677ff, #0958d9);
	border-radius: 12px;
	overflow: hidden
}

.info-header[data-v-99f5e4c8] {
	padding: 20px;
	color: #fff
}

.info-item[data-v-99f5e4c8] {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 8px 0
}

.info-label[data-v-99f5e4c8] {
	font-size: 14px;
	opacity: .9
}

.info-value[data-v-99f5e4c8] {
	font-size: 16px;
	font-weight: 500
}

.expire-forever[data-v-99f5e4c8] {
	color: #90ee90
}

.expire-normal[data-v-99f5e4c8] {
	color: #fff
}

.expire-warning[data-v-99f5e4c8] {
	color: gold
}

.expire-danger[data-v-99f5e4c8] {
	color: #ff6b6b
}

.section-title[data-v-99f5e4c8] {
	padding: 0 16px;
	font-size: 15px;
	font-weight: 600;
	color: #333;
	margin-bottom: 12px
}

.packages-list[data-v-99f5e4c8] {
	display: flex;
	gap: 12px;
	padding: 0 16px;
	overflow-x: auto
}

.package-card[data-v-99f5e4c8] {
	flex: 1;
	min-width: 100px;
	background: #fff;
	border-radius: 12px;
	padding: 16px 12px;
	text-align: center;
	border: 2px solid transparent;
	cursor: pointer;
	transition: all .2s;
	position: relative
}

.package-card.selected[data-v-99f5e4c8] {
	border-color: #1677ff;
	background: #f0f7ff
}

.package-badge[data-v-99f5e4c8] {
	position: absolute;
	top: 0;
	right: 0;
	background: #ff9800;
	color: #fff;
	font-size: 10px;
	padding: 2px 8px;
	border-radius: 0 10px 0 8px
}

.package-name[data-v-99f5e4c8] {
	font-size: 14px;
	color: #666;
	margin-bottom: 8px
}

.package-price[data-v-99f5e4c8] {
	margin-bottom: 4px
}

.price-value[data-v-99f5e4c8] {
	font-size: 28px;
	font-weight: 700;
	color: #1677ff
}

.price-unit[data-v-99f5e4c8] {
	font-size: 14px;
	color: #666
}

.package-days[data-v-99f5e4c8] {
	font-size: 12px;
	color: #999
}

.package-original[data-v-99f5e4c8] {
	font-size: 12px;
	color: #999;
	text-decoration: line-through;
	margin-top: 4px
}

.action-section[data-v-99f5e4c8] {
	margin-top: auto;
	padding: 16px;
	padding-bottom: calc(16px + env(safe-area-inset-bottom));
	background: #fff;
	border-top: 1px solid #eee
}

.summary[data-v-99f5e4c8] {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 12px;
	font-size: 14px;
	color: #666
}

.summary-price[data-v-99f5e4c8] {
	font-size: 20px;
	font-weight: 700;
	color: #1677ff
}

.confirm-btn[data-v-99f5e4c8] {
	width: 100%;
	height: 48px;
	background: #1677ff;
	color: #fff;
	border: none;
	border-radius: 8px;
	font-size: 17px;
	font-weight: 500;
	cursor: pointer
}

.confirm-btn[data-v-99f5e4c8]:disabled {
	background: #ccc;
	cursor: not-allowed
}

.recharge-hint[data-v-99f5e4c8] {
	text-align: center;
	margin-top: 12px;
	font-size: 14px;
	color: #999
}

.recharge-hint .link[data-v-99f5e4c8] {
	color: #1677ff;
	cursor: pointer
}

.success-modal[data-v-99f5e4c8] {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, .5);
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 1000
}

.success-content[data-v-99f5e4c8] {
	background: #fff;
	border-radius: 12px;
	padding: 30px;
	width: 280px;
	text-align: center
}

.success-icon[data-v-99f5e4c8] {
	width: 60px;
	height: 60px;
	background: #52c41a;
	border-radius: 50%;
	margin: 0 auto 16px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 30px;
	color: #fff
}

.success-content h3[data-v-99f5e4c8] {
	margin: 0 0 16px;
	font-size: 20px;
	color: #333
}

.success-content p[data-v-99f5e4c8] {
	margin: 8px 0;
	font-size: 14px;
	color: #666
}

.success-btn[data-v-99f5e4c8] {
	width: 100%;
	height: 44px;
	background: #1677ff;
	color: #fff;
	border: none;
	border-radius: 8px;
	font-size: 16px;
	font-weight: 500;
	cursor: pointer;
	margin-top: 20px
}

.modal-fade-enter-active[data-v-38aeb0ff],
.modal-fade-leave-active[data-v-38aeb0ff] {
	transition: opacity .25s ease
}

.modal-fade-enter-from[data-v-38aeb0ff],
.modal-fade-leave-to[data-v-38aeb0ff] {
	opacity: 0
}

.announcement-overlay[data-v-38aeb0ff] {
	position: fixed;
	inset: 0;
	background: rgba(0, 0, 0, .45);
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 9999;
	padding: 20px
}

.announcement-card[data-v-38aeb0ff] {
	background: #fff;
	border-radius: 16px;
	padding: 28px 24px 20px;
	max-width: 360px;
	width: 100%;
	position: relative;
	box-shadow: 0 8px 32px rgba(0, 0, 0, .15)
}

.close-btn[data-v-38aeb0ff] {
	position: absolute;
	top: 12px;
	right: 16px;
	background: none;
	border: none;
	font-size: 22px;
	color: #999;
	cursor: pointer;
	line-height: 1;
	padding: 4px
}

.close-btn[data-v-38aeb0ff]:hover {
	color: #333
}

.announcement-title[data-v-38aeb0ff] {
	font-size: 17px;
	font-weight: 600;
	color: #111;
	margin-bottom: 14px;
	padding-right: 24px
}

.announcement-content[data-v-38aeb0ff] {
	font-size: 14px;
	color: #444;
	line-height: 1.7;
	white-space: pre-wrap;
	word-break: break-word;
	max-height: 300px;
	overflow-y: auto;
	margin-bottom: 20px
}

.announcement-content[data-v-38aeb0ff]::-webkit-scrollbar {
	width: 4px
}

.announcement-content[data-v-38aeb0ff]::-webkit-scrollbar-thumb {
	background: #ddd;
	border-radius: 2px
}

.announcement-content[data-v-38aeb0ff] img {
	max-width: 100%;
	height: auto;
	border-radius: 8px;
	margin: 8px 0
}

.announcement-actions[data-v-38aeb0ff] {
	text-align: center
}

.dismiss-btn[data-v-38aeb0ff] {
	background: #111;
	color: #fff;
	border: none;
	padding: 10px 24px;
	border-radius: 8px;
	font-size: 14px;
	cursor: pointer;
	font-weight: 500;
	transition: opacity .15s
}

.dismiss-btn[data-v-38aeb0ff]:hover {
	opacity: .85
}

.envelope-fade-enter-active[data-v-0fb4baa5],
.envelope-fade-leave-active[data-v-0fb4baa5] {
	transition: opacity .3s ease
}

.envelope-fade-enter-from[data-v-0fb4baa5],
.envelope-fade-leave-to[data-v-0fb4baa5] {
	opacity: 0
}

.hb-overlay[data-v-0fb4baa5] {
	position: fixed;
	inset: 0;
	background: rgba(0, 0, 0, .65);
	justify-content: center;
	z-index: 9999
}

.hb-overlay[data-v-0fb4baa5],
.hb-wrapper[data-v-0fb4baa5] {
	display: flex;
	flex-direction: column;
	align-items: center
}

.hb-body[data-v-0fb4baa5] {
	width: 280px;
	background: #c4392a;
	border-radius: 8px;
	position: relative;
	overflow: hidden;
	box-shadow: 0 10px 40px rgba(0, 0, 0, .3)
}

.hb-body[data-v-0fb4baa5]:before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	height: 100%;
	background: linear-gradient(180deg, #e05a4e, #c4392a 40%, #c4392a);
	z-index: 0
}

.hb-body[data-v-0fb4baa5]:after {
	content: "";
	position: absolute;
	left: 50%;
	top: 204px;
	transform: translateX(-50%);
	width: 100%;
	height: 2px;
	background: linear-gradient(90deg, transparent, #d4725a 30%, #e8a070 50%, #d4725a 70%, transparent);
	z-index: 1
}

.hb-close[data-v-0fb4baa5] {
	position: absolute;
	top: -40px;
	right: -8px;
	background: none;
	border: none;
	font-size: 28px;
	color: hsla(0, 0%, 100%, .6);
	cursor: pointer;
	line-height: 1;
	padding: 4px 8px;
	z-index: 10
}

.hb-close[data-v-0fb4baa5]:hover {
	color: #fff
}

.hb-close-dark[data-v-0fb4baa5] {
	color: rgba(0, 0, 0, .3);
	top: 8px;
	right: 8px
}

.hb-close-dark[data-v-0fb4baa5]:hover {
	color: rgba(0, 0, 0, .6)
}

.hb-top[data-v-0fb4baa5] {
	position: relative;
	z-index: 2;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 36px 30px 24px
}

.hb-sender-avatar[data-v-0fb4baa5] {
	width: 52px;
	height: 52px;
	border-radius: 50%;
	background: hsla(0, 0%, 100%, .2);
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 12px;
	overflow: hidden;
	padding: 4px;
	box-sizing: border-box
}

.hb-sender-name[data-v-0fb4baa5] {
	font-size: 17px;
	font-weight: 500;
	color: #ffecd2;
	margin-bottom: 10px;
	letter-spacing: .5px
}

.hb-greeting[data-v-0fb4baa5] {
	font-size: 24px;
	font-weight: 400;
	color: #fff1db;
	text-align: center;
	line-height: 1.4;
	letter-spacing: 2px;
	white-space: pre-wrap;
	word-break: break-word;
	max-width: 220px
}

.hb-open-area[data-v-0fb4baa5] {
	position: relative;
	z-index: 3;
	display: flex;
	justify-content: center;
	padding: 20px 0 28px
}

.hb-open-btn[data-v-0fb4baa5] {
	width: 72px;
	height: 72px;
	border-radius: 50%;
	background: linear-gradient(145deg, #f7ce68, #e2a83e);
	border: none;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 2px 8px rgba(0, 0, 0, .15), inset 0 1px 2px hsla(0, 0%, 100%, .3);
	transition: transform .2s ease;
	position: relative
}

.hb-open-btn[data-v-0fb4baa5]:hover {
	transform: scale(1.08)
}

.hb-open-btn[data-v-0fb4baa5]:active {
	transform: scale(.96)
}

.hb-open-btn[data-v-0fb4baa5]:disabled {
	cursor: wait;
	transform: none
}

.hb-open-btn.is-loading[data-v-0fb4baa5] {
	animation: hb-pulse-0fb4baa5 1s ease infinite
}

@keyframes hb-pulse-0fb4baa5 {

	0%,
	to {
		transform: scale(1)
	}

	50% {
		transform: scale(1.06)
	}
}

.hb-open-text[data-v-0fb4baa5] {
	font-size: 30px;
	font-weight: 700;
	color: #b8460e;
	font-family: PingFang SC, Microsoft YaHei, sans-serif;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none
}

.hb-loading[data-v-0fb4baa5] {
	width: 24px;
	height: 24px;
	border: 3px solid rgba(184, 70, 14, .2);
	border-top-color: #b8460e;
	border-radius: 50%;
	animation: hb-spin-0fb4baa5 .6s linear infinite
}

@keyframes hb-spin-0fb4baa5 {
	to {
		transform: rotate(1turn)
	}
}

.hb-bottom[data-v-0fb4baa5] {
	position: relative;
	z-index: 2;
	text-align: center;
	padding: 0 0 20px;
	font-size: 12px;
	color: rgba(255, 230, 200, .5)
}

.hb-result[data-v-0fb4baa5] {
	width: 280px;
	background: #fff;
	border-radius: 8px;
	position: relative;
	overflow: hidden;
	box-shadow: 0 10px 40px rgba(0, 0, 0, .25)
}

.hb-result-inner[data-v-0fb4baa5] {
	padding: 48px 30px 30px;
	text-align: center
}

.hb-result-title[data-v-0fb4baa5] {
	font-size: 15px;
	color: #888;
	margin-bottom: 24px
}

.hb-result-amount[data-v-0fb4baa5] {
	margin-bottom: 8px;
	display: flex;
	align-items: baseline;
	justify-content: center
}

.hb-amount-num[data-v-0fb4baa5] {
	font-size: 52px;
	font-weight: 300;
	color: #c4392a;
	font-family: DINAlternate, Helvetica Neue, Arial, sans-serif;
	line-height: 1
}

.hb-amount-unit[data-v-0fb4baa5] {
	font-size: 18px;
	color: #c4392a;
	margin-left: 4px;
	font-weight: 400
}

.hb-result-tip[data-v-0fb4baa5] {
	font-size: 13px;
	color: #999;
	margin-bottom: 20px
}

.hb-result-count[data-v-0fb4baa5] {
	font-size: 12px;
	color: #bbb;
	padding-top: 16px;
	border-top: 1px solid #f0f0f0
}

.hb-dismiss[data-v-0fb4baa5] {
	margin-top: 20px;
	background: none;
	border: none;
	color: hsla(0, 0%, 100%, .5);
	font-size: 13px;
	cursor: pointer;
	padding: 6px 12px;
	transition: color .15s
}

.hb-dismiss[data-v-0fb4baa5]:hover {
	color: hsla(0, 0%, 100%, .8)
}

.hb-dismiss-light[data-v-0fb4baa5] {
	display: block;
	width: 100%;
	color: #bbb;
	padding: 12px;
	border-top: 1px solid #f0f0f0;
	margin-top: 0;
	font-size: 12px
}

.hb-dismiss-light[data-v-0fb4baa5]:hover {
	color: #666;
	background: #fafafa
}

.page-wrapper[data-v-cc0fe95a] {
	height: 100vh;
	height: 100dvh;
	display: flex;
	flex-direction: column;
	background-color: #fff;
	overflow: hidden;
	position: relative;
	padding-top: env(safe-area-inset-top);
	box-sizing: border-box
}

.main-content[data-v-cc0fe95a] {

	flex: 1;
	width: 100%;
		background: 
  radial-gradient(circle at 10% 20%, rgba(255, 200, 200, 0.6) 0%, transparent 20%),
  radial-gradient(circle at 90% 30%, rgba(200, 255, 200, 0.5) 0%, transparent 20%),
  radial-gradient(circle at 50% 80%, rgba(200, 200, 255, 0.6) 0%, transparent 25%),
  radial-gradient(circle at 20% 70%, rgba(255, 255, 200, 0.5) 0%, transparent 20%),
  radial-gradient(circle at 80% 10%, rgba(255, 200, 255, 0.5) 0%, transparent 20%),
  linear-gradient(to bottom, #e3f2fd, #f5fdff);

	overflow-y: auto;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
	padding-bottom: 70px
}

.main-content.chat-content[data-v-cc0fe95a] {
	display: flex;
	flex-direction: column;
	overflow: hidden;
	padding-bottom: 0 !important;
		background: 
  radial-gradient(circle at 10% 20%, rgba(255, 200, 200, 0.6) 0%, transparent 20%),
  radial-gradient(circle at 90% 30%, rgba(200, 255, 200, 0.5) 0%, transparent 20%),
  radial-gradient(circle at 50% 80%, rgba(200, 200, 255, 0.6) 0%, transparent 25%),
  radial-gradient(circle at 20% 70%, rgba(255, 255, 200, 0.5) 0%, transparent 20%),
  radial-gradient(circle at 80% 10%, rgba(255, 200, 255, 0.5) 0%, transparent 20%),
  linear-gradient(to bottom, #e3f2fd, #f5fdff);

	overflow-y: hidden
}

.content[data-v-cc0fe95a] {
	padding: 20px 16px
}

.page-title[data-v-cc0fe95a] {
          font-family: 'YouShe', sans-serif;
	font-size: 28px;
	font-weight: 800;
	color: #333;
	margin-bottom: 20px;
	letter-spacing: 2px
}

.info-card[data-v-cc0fe95a] {
	background: #fff;
	border-radius: 12px;
	padding: 0;
	margin-bottom: 16px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, .04);
	overflow: hidden
}

.info-row[data-v-cc0fe95a] {
	display: flex;
	align-items: center;
	padding: 16px;
	border-bottom: 1px solid #f0f0f0;
	transition: background-color .18s ease
}

.info-row[data-v-cc0fe95a]:last-child {
	border-bottom: none
}

.info-row[style*="cursor: pointer"][data-v-cc0fe95a]:active,
.info-row[style*=cursor][data-v-cc0fe95a]:active {
	background-color: #f7f7f7
}

.info-row .arrow[data-v-cc0fe95a] {
	transition: transform .2s ease
}

.info-row:active .arrow[data-v-cc0fe95a] {
	transform: translateX(2px)
}

.info-label[data-v-cc0fe95a] {
	font-size: 15px;
	color: #666;
	width: 50px
}

.info-value[data-v-cc0fe95a] {
	font-size: 15px;
	color: #333;
	flex: 1
}

.refresh-hint[data-v-cc0fe95a] {
	font-size: 11px;
	color: #999;
	margin-right: 8px
}

.admin-badge[data-v-cc0fe95a] {
	color: #a06a00;
	background: linear-gradient(135deg, #fef3d6, #fde8b0);
	border-radius: 20px;
	border: .5px solid rgba(210, 160, 60, .25)
}

.admin-badge[data-v-cc0fe95a],
.guest-badge[data-v-cc0fe95a] {
	font-size: 10px;
	padding: 3px 10px;
	margin-right: 8px;
	letter-spacing: .5px;
	font-weight: 500
}

.guest-badge[data-v-cc0fe95a] {
	color: #6b6b70;
	background: linear-gradient(135deg, #f2f2f4, #e8e8eb);
	border-radius: 20px;
	border: .5px solid rgba(0, 0, 0, .06)
}

.expire-days[data-v-cc0fe95a] {
	font-size: 14px;
	padding: 2px 10px;
	border-radius: 4px;
	margin-right: 8px
}

.expire-normal[data-v-cc0fe95a] {
	color: #4caf50;
	background: #e8f5e9
}

.expire-warning[data-v-cc0fe95a] {
	color: #ff9800;
	background: #fff3e0
}

.expire-critical[data-v-cc0fe95a] {
	color: #ff5722;
	background: #fbe9e7
}

.expire-expired[data-v-cc0fe95a] {
	color: #f44336;
	background: #ffebee
}

.arrow[data-v-cc0fe95a] {
	font-size: 20px;
	color: #ccc
}

.tg-notice[data-v-cc0fe95a] {
	background: #fff;
	border-radius: 12px;
	padding: 16px;
	margin-bottom: 20px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, .04)
}

.tg-title[data-v-cc0fe95a] {
	font-size: 15px;
	font-weight: 600;
	color: #d4a017;
	margin-bottom: 8px
}

.tg-desc[data-v-cc0fe95a] {
	font-size: 13px;
	color: #666;
	line-height: 1.5
}

.feature-grid[data-v-cc0fe95a] {
	display: flex;
	flex-wrap: wrap;
	gap: 16px
}

.feature-item[data-v-cc0fe95a] {
	width: calc(50% - 8px);
	height: 72px;
	background: #fff;
	border-radius: 12px;
	padding: 0 18px;
	display: flex;
	align-items: center;
	box-shadow: 0 2px 8px rgba(0, 0, 0, .06);
	cursor: pointer;
	box-sizing: border-box;
	transition: transform .2s cubic-bezier(.2, 0, 0, 1), background-color .18s ease, box-shadow .2s ease;
	will-change: transform
}

.feature-item[data-v-cc0fe95a]:hover {
	background: #fafafa
}

.feature-item[data-v-cc0fe95a]:active {
	transform: scale(.97);
	background: #f5f5f5;
	box-shadow: 0 1px 4px rgba(0, 0, 0, .04)
}

.feature-icon[data-v-cc0fe95a] {
	width: 24px;
	height: 24px;
	margin-right: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0
}

.feature-text[data-v-cc0fe95a] {
	font-size: 15px;
	color: #333
}

.disabled-feature[data-v-cc0fe95a] {
	opacity: .5;
	pointer-events: none;
	cursor: not-allowed
}

.custom-tabbar[data-v-cc0fe95a] {

    padding: 8px 0;

    width: calc(100%);
    position: fixed;
    bottom: 0;
    height: calc(75px + env(safe-area-inset-bottom, 0px));

    background: #fff;
    border: 1px solid rgba(255, 255, 255, 0.2);
    box-shadow: none;
    display: flex;
    justify-content: space-around;
    align-items: center;
    z-index: 10;
    border-radius: 20px;
}

.custom-tabbar .tab-item[data-v-cc0fe95a] {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	flex: 1;
	padding: 4px 0;
	transition: opacity .15s ease
}

.custom-tabbar .tab-item[data-v-cc0fe95a]:active {
    opacity: 6;
}

.custom-tabbar .tab-text[data-v-cc0fe95a] {
	margin-top: 3px;
	font-size: 12px;
	color: #707070;
	transition: color .2s ease
}

.custom-tabbar .tab-item.active .tab-text[data-v-cc0fe95a] {
	color: #007aff
}

.custom-tabbar .tab-item.disabled[data-v-cc0fe95a] {
	opacity: .5;
	cursor: not-allowed;
	pointer-events: none
}

.slide-left-enter-active[data-v-cc0fe95a],
.slide-left-leave-active[data-v-cc0fe95a],
.slide-right-enter-active[data-v-cc0fe95a],
.slide-right-leave-active[data-v-cc0fe95a] {
	transition: transform .3s cubic-bezier(.4, 0, .2, 1)
}

.slide-left-leave-active[data-v-cc0fe95a],
.slide-right-leave-active[data-v-cc0fe95a] {
	position: absolute;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	overflow-y: auto
}

.slide-left-enter-from[data-v-cc0fe95a] {
	transform: translateX(100%)
}

.slide-left-enter-to[data-v-cc0fe95a],
.slide-left-leave-from[data-v-cc0fe95a] {
	transform: translateX(0)
}

.slide-left-leave-to[data-v-cc0fe95a],
.slide-right-enter-from[data-v-cc0fe95a] {
	transform: translateX(-100%)
}

.slide-right-enter-to[data-v-cc0fe95a],
.slide-right-leave-from[data-v-cc0fe95a] {
	transform: translateX(0)
}

.slide-right-leave-to[data-v-cc0fe95a] {
	transform: translateX(100%)
}

.share-page-overlay[data-v-cc0fe95a] {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 999;
	background: #fff
}

.new-user-toast[data-v-cc0fe95a] {
	position: fixed;
	top: 10px;
	left: 10px;
	right: 10px;
	background: #4caf50;
	border-radius: 8px;
	padding: 12px 16px;
	display: flex;
	align-items: center;
	z-index: 99999;
	box-shadow: 0 4px 12px rgba(0, 0, 0, .15);
	cursor: pointer;
	will-change: transform, opacity;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden
}

.toast-icon[data-v-cc0fe95a] {
	width: 24px;
	height: 24px;
	background: #fff;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 12px;
	flex-shrink: 0
}

.toast-text[data-v-cc0fe95a] {
	flex: 1;
	color: #fff;
	font-size: 15px;
	font-weight: 500
}

.toast-close[data-v-cc0fe95a] {
	width: 24px;
	height: 24px;
	background: transparent;
	border: none;
	color: #fff;
	font-size: 20px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: .8;
	flex-shrink: 0;
	transition: opacity .15s ease, transform .15s ease
}

.toast-close[data-v-cc0fe95a]:hover {
	opacity: 1
}

.toast-close[data-v-cc0fe95a]:active {
	transform: scale(.85)
}

.slide-down-enter-active[data-v-cc0fe95a],
.slide-down-leave-active[data-v-cc0fe95a] {
	transition: transform .3s ease, opacity .3s ease
}

.slide-down-enter-from[data-v-cc0fe95a] {
	transform: translateY(-100%) translateZ(0);
	opacity: 0
}

.slide-down-enter-to[data-v-cc0fe95a],
.slide-down-leave-from[data-v-cc0fe95a] {
	transform: translateY(0) translateZ(0);
	opacity: 1
}

.slide-down-leave-to[data-v-cc0fe95a] {
	transform: translateY(-100%) translateZ(0);
	opacity: 0
}

.page-wrapper.desktop-layout[data-v-cc0fe95a] {
	flex-direction: row;
	overflow: hidden
}

.desktop-sidebar-nav[data-v-cc0fe95a] {
	width: 68px;
	min-width: 68px;
	height: 100%;
	background: #fff;
	border-right: 1px solid rgba(0, 0, 0, .08);
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 12px 0;
	gap: 4px;
	box-sizing: border-box;
	z-index: 20
}

.nav-icon-item[data-v-cc0fe95a] {
	width: 52px;
	height: 52px;
	border-radius: 14px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	color: #999;
	transition: all .2s ease;
	gap: 2px
}

.nav-icon-item[data-v-cc0fe95a]:hover {
	color: #333;
	background: rgba(0, 0, 0, .04)
}

.nav-icon-item.active[data-v-cc0fe95a] {
	color: #007aff;
	background: rgba(0, 122, 255, .08)
}

.nav-icon-item.disabled[data-v-cc0fe95a] {
	opacity: .3;
	cursor: not-allowed
}

.nav-icon-item.logout-nav[data-v-cc0fe95a] {
	color: #ccc
}

.nav-icon-item.logout-nav[data-v-cc0fe95a]:hover {
	color: #ff4d4f;
	background: rgba(255, 77, 79, .06)
}

.nav-label[data-v-cc0fe95a] {
	font-size: 10px;
	line-height: 1;
	margin-top: 1px
}

.nav-spacer[data-v-cc0fe95a] {
	flex: 1
}

.desktop-main-area[data-v-cc0fe95a] {
	flex: 1;
	display: flex;
	height: 100%;
	overflow: hidden;
	min-width: 0
}

.desktop-panel-second[data-v-cc0fe95a] {
	flex: 1;
	height: 100%;
	display: flex;
	flex-direction: row;
	overflow: hidden
}

.desktop-home-panel[data-v-cc0fe95a] {
	width: 340px;
	min-width: 280px;
	max-width: 400px;
	height: 100%;
	display: flex;
	flex-direction: column;
	overflow: hidden;
	border-right: 1px solid rgba(0, 0, 0, .08);
	flex-shrink: 0
}

.desktop-home-header[data-v-cc0fe95a] {
	padding: 16px 20px;
	font-size: 20px;
	font-weight: 700;
	color: #000;
	border-bottom: 1px solid rgba(0, 0, 0, .06);
	flex-shrink: 0
}

.desktop-home-scroll[data-v-cc0fe95a] {
	flex: 1;
	overflow-y: auto;
	padding: 16px
}

.desktop-home-scroll .info-card[data-v-cc0fe95a],
.desktop-home-scroll .tg-notice[data-v-cc0fe95a] {
	margin-bottom: 16px
}

.desktop-home-scroll .feature-grid[data-v-cc0fe95a] {
	display: flex;
	flex-wrap: wrap;
	gap: 12px
}

.desktop-home-scroll .feature-item[data-v-cc0fe95a] {
	width: calc(33.333% - 8px);
	height: auto;
	padding: 16px 12px;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center
}

.desktop-home-scroll .feature-icon[data-v-cc0fe95a] {
	margin-right: 0;
	margin-bottom: 8px
}

.desktop-chat-full[data-v-cc0fe95a] {
	flex: 1;
	height: 100%;
	display: flex;
	overflow: hidden
}

.desktop-panel-chat-placeholder[data-v-cc0fe95a] {
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #f0f2f5;
	min-width: 0
}

.placeholder-content[data-v-cc0fe95a] {
	text-align: center;
	color: #999
}

.placeholder-content p[data-v-cc0fe95a] {
	margin-top: 16px;
	font-size: 15px
}

.user-management[data-v-d8ad8966] {
	padding: 0
}

.toolbar[data-v-d8ad8966] {
	margin-bottom: 16px;
	display: flex;
	gap: 8px;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap
}

.toolbar-left[data-v-d8ad8966] {
	display: flex;
	gap: 8px
}

.add-btn[data-v-d8ad8966] {
	background: #111;
	color: #fff;
	border: none;
	padding: 8px 16px;
	border-radius: 4px;
	cursor: pointer;
	font-size: 13px;
	font-weight: 500
}

.add-btn[data-v-d8ad8966]:hover {
	background: #333
}

.manager-btn[data-v-d8ad8966] {
	background: #555
}

.manager-btn[data-v-d8ad8966]:hover {
	background: #333
}

.search-bar[data-v-d8ad8966] {
	position: relative;
	display: flex;
	align-items: center
}

.search-input[data-v-d8ad8966] {
	width: 220px;
	padding: 8px 32px 8px 12px;
	border: 1px solid #ddd;
	border-radius: 4px;
	font-size: 13px;
	background: #fff;
	transition: border-color .2s, box-shadow .2s
}

.search-input[data-v-d8ad8966]:focus {
	outline: none;
	border-color: #111;
	box-shadow: 0 0 0 2px hsla(0, 0%, 7%, .08)
}

.search-input[data-v-d8ad8966]::-moz-placeholder {
	color: #bbb
}

.search-input[data-v-d8ad8966]::placeholder {
	color: #bbb
}

.search-icon[data-v-d8ad8966] {
	position: absolute;
	right: 10px;
	color: #bbb;
	display: flex;
	align-items: center;
	pointer-events: none
}

.search-clear[data-v-d8ad8966] {
	position: absolute;
	right: 10px;
	color: #999;
	cursor: pointer;
	font-size: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	transition: all .15s
}

.search-clear[data-v-d8ad8966]:hover {
	background: #f0f0f0;
	color: #333
}

.search-count[data-v-d8ad8966] {
	position: absolute;
	right: -70px;
	font-size: 12px;
	color: #999;
	white-space: nowrap
}

.user-table[data-v-d8ad8966] {
	width: 100%;
	border-collapse: collapse;
	background: #fff;
	border: 1px solid #e8e8e8
}

.user-table td[data-v-d8ad8966],
.user-table th[data-v-d8ad8966] {
	padding: 10px 12px;
	text-align: left;
	border-bottom: 1px solid #f0f0f0;
	font-size: 13px
}

.user-table th[data-v-d8ad8966] {
	background: #fafafa;
	font-weight: 600;
	font-size: 12px;
	color: #666;
	text-transform: uppercase;
	letter-spacing: .3px
}

.user-table tbody tr[data-v-d8ad8966]:hover {
	background: #fafafa
}

.role-tag[data-v-d8ad8966] {
	padding: 2px 8px;
	border-radius: 3px;
	font-size: 12px;
	border: 1px solid
}

.role-tag.admin[data-v-d8ad8966] {
	background: #fff;
	color: #111;
	border-color: #111;
	font-weight: 600
}

.role-tag.manager[data-v-d8ad8966] {
	background: #fff;
	color: #555;
	border-color: #999
}

.role-tag.user[data-v-d8ad8966] {
	background: #fff;
	color: #999;
	border-color: #ddd
}

.action-btn[data-v-d8ad8966] {
	border: none;
	background: none;
	cursor: pointer;
	padding: 4px 8px;
	margin-right: 6px;
	font-size: 12px;
	border-radius: 3px
}

.action-btn.edit[data-v-d8ad8966] {
	color: #111;
	border: 1px solid #ddd
}

.action-btn.edit[data-v-d8ad8966]:hover {
	background: #111;
	color: #fff;
	border-color: #111
}

.action-btn.perm[data-v-d8ad8966] {
	color: #555;
	border: 1px solid #ddd
}

.action-btn.perm[data-v-d8ad8966]:hover {
	background: #555;
	color: #fff;
	border-color: #555
}

.action-btn.delete[data-v-d8ad8966] {
	color: #999;
	border: 1px solid #ddd
}

.action-btn.delete[data-v-d8ad8966]:hover {
	background: #111;
	color: #fff;
	border-color: #111
}

.modal-overlay[data-v-d8ad8966] {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, .4);
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 1000
}

.modal[data-v-d8ad8966] {
	background: #fff;
	padding: 24px;
	width: 400px;
	max-height: 80vh;
	overflow-y: auto;
	border: 1px solid #e8e8e8
}

.modal h3[data-v-d8ad8966] {
	margin: 0 0 20px;
	font-size: 16px;
	font-weight: 600;
	color: #111
}

.form-group[data-v-d8ad8966] {
	margin-bottom: 16px
}

.form-group label[data-v-d8ad8966] {
	display: block;
	margin-bottom: 6px;
	font-size: 13px;
	color: #666
}

.form-group input[data-v-d8ad8966],
.form-group select[data-v-d8ad8966] {
	width: 100%;
	padding: 9px 12px;
	border: 1px solid #ddd;
	border-radius: 4px;
	box-sizing: border-box;
	font-size: 14px
}

.form-group input[data-v-d8ad8966]:focus,
.form-group select[data-v-d8ad8966]:focus {
	outline: none;
	border-color: #111
}

.form-group input[data-v-d8ad8966]:disabled {
	background-color: #f5f5f5;
	cursor: not-allowed
}

.field-hint[data-v-d8ad8966] {
	display: block;
	margin-top: 4px;
	font-size: 12px;
	color: #e67e22
}

.perm-list[data-v-d8ad8966] {
	border: 1px solid #ddd;
	border-radius: 4px;
	padding: 10px;
	max-height: 200px;
	overflow-y: auto
}

.perm-item[data-v-d8ad8966] {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 5px 0;
	cursor: pointer;
	font-size: 13px
}

.perm-item input[type=checkbox][data-v-d8ad8966] {
	width: auto
}

.modal-actions[data-v-d8ad8966] {
	display: flex;
	justify-content: flex-end;
	gap: 8px;
	margin-top: 20px
}

.modal-actions button[data-v-d8ad8966] {
	padding: 8px 16px;
	border: 1px solid #ddd;
	background: #fff;
	border-radius: 4px;
	cursor: pointer;
	font-size: 13px
}

.modal-actions button[data-v-d8ad8966]:hover {
	background: #f5f5f5
}

.modal-actions button.primary[data-v-d8ad8966] {
	background: #111;
	color: #fff;
	border-color: #111
}

.modal-actions button.primary[data-v-d8ad8966]:hover {
	background: #333
}

.expire-status[data-v-d8ad8966] {
	padding: 2px 8px;
	border-radius: 3px;
	font-size: 12px;
	font-weight: 500
}

.expire-status.normal[data-v-d8ad8966] {
	background: #f5f5f5;
	color: #111
}

.expire-status.warning[data-v-d8ad8966] {
	background: #f5f5f5;
	color: #666
}

.expire-status.critical[data-v-d8ad8966] {
	background: #f5f5f5;
	color: #333;
	font-weight: 600
}

.expire-status.expired[data-v-d8ad8966] {
	background: #f5f5f5;
	color: #bbb;
	text-decoration: line-through
}

.balance[data-v-d8ad8966] {
	color: #111;
	font-weight: 500
}

.empty-search[data-v-d8ad8966] {
	text-align: center;
	padding: 40px 20px;
	color: #999;
	font-size: 14px
}

.empty-search p[data-v-d8ad8966] {
	margin: 0 0 12px
}

.clear-search-btn[data-v-d8ad8966] {
	border: 1px solid #ddd;
	background: #fff;
	color: #666;
	padding: 6px 16px;
	border-radius: 4px;
	cursor: pointer;
	font-size: 13px
}

.clear-search-btn[data-v-d8ad8966]:hover {
	background: #f5f5f5;
	border-color: #111;
	color: #111
}

.mobile-only[data-v-d8ad8966] {
	display: none
}

.user-cards[data-v-d8ad8966] {
	display: flex;
	flex-direction: column;
	gap: 12px
}

.user-card[data-v-d8ad8966] {
	background: #fff;
	padding: 16px;
	border: 1px solid #e8e8e8
}

.card-header[data-v-d8ad8966] {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 12px;
	padding-bottom: 12px;
	border-bottom: 1px solid #f0f0f0
}

.card-account[data-v-d8ad8966] {
	font-weight: 600;
	font-size: 15px;
	color: #111
}

.card-body[data-v-d8ad8966] {
	margin-bottom: 12px
}

.card-row[data-v-d8ad8966] {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 6px 0;
	font-size: 13px
}

.card-label[data-v-d8ad8966] {
	color: #999
}

.card-actions[data-v-d8ad8966] {
	display: flex;
	gap: 8px;
	padding-top: 12px;
	border-top: 1px solid #f0f0f0
}

.card-actions .action-btn[data-v-d8ad8966] {
	flex: 1;
	padding: 8px;
	text-align: center
}

@media screen and (max-width:768px) {
	.desktop-only[data-v-d8ad8966] {
		display: none
	}

	.mobile-only[data-v-d8ad8966] {
		display: block
	}

	.toolbar[data-v-d8ad8966] {
		flex-direction: column
	}

	.toolbar-left[data-v-d8ad8966] {
		flex-direction: column;
		width: 100%
	}

	.add-btn[data-v-d8ad8966] {
		width: 100%;
		padding: 11px
	}

	.search-bar[data-v-d8ad8966] {
		width: 100%
	}

	.search-input[data-v-d8ad8966] {
		width: 100%;
		box-sizing: border-box
	}

	.search-count[data-v-d8ad8966] {
		position: static;
		margin-left: 8px
	}

	.modal[data-v-d8ad8966] {
		width: 90%;
		max-width: 400px;
		margin: 20px
	}

	.modal-actions[data-v-d8ad8966] {
		flex-direction: column;
		gap: 8px
	}

	.modal-actions button[data-v-d8ad8966] {
		width: 100%;
		padding: 11px
	}
}

.interface-management[data-v-16bac278] {
	height: 100%;
	display: flex;
	flex-direction: column;
	min-height: 0;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch
}

.toolbar[data-v-16bac278] {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 14px 0;
	margin-bottom: 16px
}

.toolbar-left[data-v-16bac278] {
	display: flex;
	align-items: center;
	gap: 12px
}

.toolbar-left h3[data-v-16bac278] {
	margin: 0;
	font-size: 15px;
	font-weight: 600;
	color: #111
}

.stats[data-v-16bac278] {
	font-size: 13px;
	color: #999
}

.row-checkbox[data-v-16bac278] {
	width: 16px;
	height: 16px;
	cursor: pointer;
	accent-color: #111
}

.batch-bar[data-v-16bac278] {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 10px 16px;
	margin-bottom: 12px;
	background: #f8f8f8;
	border: 1px solid #e0e0e0;
	border-radius: 4px
}

.batch-info[data-v-16bac278] {
	display: flex;
	align-items: center;
	gap: 12px;
	font-size: 13px;
	color: #333
}

.batch-count strong[data-v-16bac278] {
	color: #111
}

.batch-link[data-v-16bac278] {
	border: none;
	background: none;
	color: #999;
	font-size: 12px;
	cursor: pointer;
	text-decoration: underline;
	padding: 0
}

.batch-link[data-v-16bac278]:hover {
	color: #333
}

.batch-actions[data-v-16bac278] {
	display: flex;
	gap: 8px
}

.btn-batch-refund[data-v-16bac278] {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 6px 14px;
	border: 1px solid #ffcdd2;
	border-radius: 4px;
	font-size: 13px;
	font-weight: 500;
	cursor: pointer;
	background: #fff;
	color: #d32f2f
}

.btn-batch-refund[data-v-16bac278]:hover {
	background: #d32f2f;
	color: #fff;
	border-color: #d32f2f
}

.btn-batch-delete[data-v-16bac278] {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 6px 14px;
	border: 1px solid #ddd;
	border-radius: 4px;
	font-size: 13px;
	font-weight: 500;
	cursor: pointer;
	background: #fff;
	color: #666
}

.btn-batch-delete[data-v-16bac278]:hover {
	background: #111;
	color: #fff;
	border-color: #111
}

.card-selected[data-v-16bac278] {
	border-color: #111 !important;
	background: #fafafa
}

.btn[data-v-16bac278] {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 7px 14px;
	border: none;
	border-radius: 4px;
	font-size: 13px;
	font-weight: 500;
	cursor: pointer
}

.btn-primary[data-v-16bac278] {
	background: #111;
	color: #fff
}

.btn-primary[data-v-16bac278]:hover {
	background: #333
}

.btn-secondary[data-v-16bac278] {
	background: #fff;
	color: #333;
	border: 1px solid #ddd
}

.btn-secondary[data-v-16bac278]:hover {
	background: #f5f5f5
}

.table-container[data-v-16bac278] {
	flex: 1;
	background: #fff;
	overflow: visible;
	border: 1px solid #e8e8e8
}

.data-table[data-v-16bac278] {
	width: 100%;
	border-collapse: collapse
}

.data-table th[data-v-16bac278] {
	padding: 10px 14px;
	text-align: left;
	font-size: 12px;
	font-weight: 600;
	color: #666;
	background: #fafafa;
	border-bottom: 1px solid #e8e8e8;
	text-transform: uppercase;
	letter-spacing: .3px
}

.data-table td[data-v-16bac278] {
	padding: 10px 14px;
	font-size: 13px;
	color: #333;
	border-bottom: 1px solid #f0f0f0
}

.data-table tr[data-v-16bac278]:hover {
	background: #fafafa
}

.text-center[data-v-16bac278] {
	text-align: center
}

.text-muted[data-v-16bac278] {
	color: #999
}

.url-cell[data-v-16bac278] {
	display: flex;
	align-items: center;
	gap: 8px
}

.url-text[data-v-16bac278] {
	flex: 1;
	word-break: break-all;
	font-family: monospace;
	font-size: 12px;
	color: #666
}

.icon-btn[data-v-16bac278] {
	padding: 4px;
	border: none;
	background: none;
	color: #999;
	cursor: pointer;
	border-radius: 3px
}

.icon-btn[data-v-16bac278]:hover {
	background: #f5f5f5;
	color: #333
}

.price-text[data-v-16bac278] {
	color: #111;
	font-weight: 600
}

.limit-tag[data-v-16bac278] {
	display: inline-block;
	padding: 1px 6px;
	margin-left: 4px;
	border-radius: 3px;
	font-size: 10px;
	font-weight: 500;
	background: #f5f5f5;
	color: #999
}

.limit-tag.unlimited[data-v-16bac278] {
	background: #e3f2fd;
	color: #1565c0
}

.creator-tag[data-v-16bac278] {
	display: inline-block;
	padding: 2px 8px;
	background: #f5f5f5;
	color: #666;
	border-radius: 3px;
	font-size: 12px
}

.edit-input[data-v-16bac278] {
	width: 100%;
	padding: 6px 10px;
	border: 1px solid #ddd;
	border-radius: 4px;
	font-size: 13px
}

.edit-input[data-v-16bac278]:focus {
	outline: none;
	border-color: #111
}

.action-group[data-v-16bac278] {
	display: flex;
	gap: 4px
}

.action-btn[data-v-16bac278] {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	padding: 4px 8px;
	border: 1px solid #ddd;
	border-radius: 3px;
	font-size: 12px;
	cursor: pointer;
	background: #fff;
	color: #666
}

.action-btn.delete[data-v-16bac278]:hover,
.action-btn.edit[data-v-16bac278]:hover {
	background: #111;
	color: #fff;
	border-color: #111
}

.action-btn.save[data-v-16bac278] {
	color: #111;
	border-color: #111
}

.action-btn.save[data-v-16bac278]:hover {
	background: #111;
	color: #fff
}

.action-btn.cancel[data-v-16bac278]:hover {
	background: #f5f5f5
}

.group-row[data-v-16bac278] {
	cursor: pointer;
	background: #fafafa
}

.group-row[data-v-16bac278]:hover {
	background: #f0f0f0
}

.group-name-cell[data-v-16bac278] {
	display: flex;
	align-items: center;
	gap: 8px
}

.group-arrow[data-v-16bac278] {
	color: #999;
	font-size: 12px;
	width: 14px;
	display: inline-block
}

.group-badge[data-v-16bac278] {
	display: inline-block;
	padding: 1px 6px;
	background: #111;
	color: #fff;
	border-radius: 3px;
	font-size: 11px;
	font-weight: 500
}

.group-child-row[data-v-16bac278] {
	background: #fafbfc
}

.group-child-row td[data-v-16bac278]:first-child {
	padding-left: 28px
}

.free-tag[data-v-16bac278] {
	display: inline-block;
	padding: 2px 8px;
	background: #e8f5e9;
	color: #2e7d32;
	border-radius: 3px;
	font-size: 12px;
	font-weight: 600
}

.type-toggle[data-v-16bac278] {
	display: flex;
	gap: 0;
	border: 1px solid #ddd;
	border-radius: 4px;
	overflow: hidden
}

.type-btn[data-v-16bac278] {
	flex: 1;
	padding: 8px 16px;
	border: none;
	background: #fff;
	font-size: 13px;
	font-weight: 500;
	cursor: pointer;
	color: #666;
	transition: all .2s
}

.type-btn.active[data-v-16bac278] {
	background: #111;
	color: #fff
}

.type-btn.free.active[data-v-16bac278] {
	background: #2e7d32;
	color: #fff
}

.type-btn.unlimited.active[data-v-16bac278] {
	background: #1565c0;
	color: #fff
}

.empty-state[data-v-16bac278] {
	flex: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background: #fff;
	padding: 60px 20px;
	border: 1px solid #e8e8e8
}

.empty-icon[data-v-16bac278] {
	color: #ddd;
	margin-bottom: 16px
}

.empty-state p[data-v-16bac278] {
	margin: 0 0 16px;
	font-size: 14px;
	color: #999
}

.modal-overlay[data-v-16bac278] {
	position: fixed;
	inset: 0;
	background: rgba(0, 0, 0, .4);
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 1000
}

.modal-box[data-v-16bac278] {
	background: #fff;
	width: 480px;
	max-width: 90vw;
	border: 1px solid #e8e8e8
}

.modal-header[data-v-16bac278] {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 16px 20px;
	border-bottom: 1px solid #f0f0f0
}

.modal-header h4[data-v-16bac278] {
	margin: 0;
	font-size: 15px;
	font-weight: 600;
	color: #111
}

.modal-close[data-v-16bac278] {
	padding: 4px;
	border: none;
	background: none;
	color: #999;
	cursor: pointer;
	border-radius: 3px
}

.modal-close[data-v-16bac278]:hover {
	background: #f5f5f5;
	color: #333
}

.modal-body[data-v-16bac278] {
	padding: 20px
}

.form-item[data-v-16bac278] {
	margin-bottom: 16px
}

.form-item[data-v-16bac278]:last-child {
	margin-bottom: 0
}

.form-item label[data-v-16bac278] {
	display: block;
	margin-bottom: 6px;
	font-size: 13px;
	font-weight: 500;
	color: #333
}

.required[data-v-16bac278] {
	color: #999
}

.form-input[data-v-16bac278] {
	width: 100%;
	padding: 9px 12px;
	border: 1px solid #ddd;
	border-radius: 4px;
	font-size: 14px;
	box-sizing: border-box
}

.form-input[data-v-16bac278]:focus {
	outline: none;
	border-color: #111
}

.modal-footer[data-v-16bac278] {
	display: flex;
	justify-content: flex-end;
	gap: 8px;
	padding: 16px 20px;
	border-top: 1px solid #f0f0f0
}

.btn-refund[data-v-16bac278] {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 7px 14px;
	border: none;
	border-radius: 4px;
	font-size: 13px;
	font-weight: 500;
	cursor: pointer;
	background: #d32f2f;
	color: #fff
}

.btn-refund[data-v-16bac278]:hover {
	background: #b71c1c
}

.btn-refund[data-v-16bac278]:disabled {
	background: #ccc;
	cursor: not-allowed
}

.action-btn.refund[data-v-16bac278] {
	color: #d32f2f;
	border-color: #ffcdd2
}

.action-btn.refund[data-v-16bac278]:hover {
	background: #d32f2f;
	color: #fff;
	border-color: #d32f2f
}

.refund-user-list[data-v-16bac278] {
	max-height: 200px;
	overflow-y: auto;
	border: 1px solid #e8e8e8;
	border-radius: 4px
}

.refund-user-item[data-v-16bac278] {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 8px 12px;
	border-bottom: 1px solid #f0f0f0;
	font-size: 13px
}

.refund-user-item[data-v-16bac278]:last-child {
	border-bottom: none
}

.refund-username[data-v-16bac278] {
	font-weight: 500;
	color: #111;
	flex: 1
}

.refund-price[data-v-16bac278] {
	color: #d32f2f;
	font-weight: 600
}

.refund-date[data-v-16bac278] {
	color: #999;
	font-size: 12px
}

.card-list[data-v-16bac278] {
	display: none
}

.btn-domain[data-v-16bac278] {
	background: #1565c0;
	color: #fff;
	border: none
}

.btn-domain[data-v-16bac278]:hover {
	background: #0d47a1
}

.domain-modal-box[data-v-16bac278] {
	width: 580px;
	max-height: 90vh;
	overflow-y: auto
}

.form-row[data-v-16bac278] {
	display: flex;
	gap: 12px
}

.domain-preview-list[data-v-16bac278] {
	max-height: 260px;
	overflow-y: auto;
	border: 1px solid #e8e8e8;
	border-radius: 4px
}

.domain-preview-item[data-v-16bac278] {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 10px 12px;
	border-bottom: 1px solid #f0f0f0
}

.domain-preview-item[data-v-16bac278]:last-child {
	border-bottom: none
}

.domain-preview-info[data-v-16bac278] {
	flex: 1;
	min-width: 0
}

.domain-preview-name[data-v-16bac278] {
	font-size: 13px;
	font-weight: 600;
	color: #111;
	margin-bottom: 4px
}

.domain-preview-url[data-v-16bac278] {
	font-size: 11px;
	color: #666;
	font-family: monospace;
	word-break: break-all
}

.domain-preview-qr[data-v-16bac278] {
	flex-shrink: 0
}

.domain-preview-qr img[data-v-16bac278] {
	display: block;
	border: 1px solid #eee;
	border-radius: 4px
}

.qr-loading[data-v-16bac278] {
	width: 64px;
	height: 64px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 11px;
	color: #999;
	background: #fafafa;
	border: 1px solid #eee;
	border-radius: 4px
}

@media screen and (max-width:768px) {
	.card-list[data-v-16bac278] {
		display: flex;
		flex-direction: column;
		gap: 12px;
		flex: 1;
		overflow-y: visible;
		min-height: 0;
		padding-bottom: 20px
	}

	.api-card[data-v-16bac278] {
		background: #fff;
		overflow: hidden;
		border: 1px solid #e8e8e8
	}

	.card-header[data-v-16bac278] {
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 10px 14px;
		background: #fafafa;
		border-bottom: 1px solid #f0f0f0
	}

	.card-index[data-v-16bac278] {
		font-size: 13px;
		font-weight: 600;
		color: #666
	}

	.card-price[data-v-16bac278] {
		font-size: 15px;
		font-weight: 600;
		color: #111
	}

	.card-body[data-v-16bac278] {
		padding: 12px 14px
	}

	.card-name[data-v-16bac278] {
		font-size: 14px;
		font-weight: 600;
		color: #111;
		margin-bottom: 8px
	}

	.card-url[data-v-16bac278] {
		font-size: 12px;
		color: #666;
		word-break: break-all;
		font-family: monospace;
		background: #fafafa;
		padding: 8px 10px;
		margin-bottom: 8px
	}

	.card-time[data-v-16bac278] {
		font-size: 12px;
		color: #999
	}

	.card-meta[data-v-16bac278] {
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin-top: 4px
	}

	.card-meta .creator-tag[data-v-16bac278] {
		font-size: 11px;
		padding: 2px 6px
	}

	.card-edit-form[data-v-16bac278] {
		display: flex;
		flex-direction: column;
		gap: 10px
	}

	.card-input[data-v-16bac278] {
		width: 100%;
		padding: 10px 12px;
		border: 1px solid #ddd;
		border-radius: 4px;
		font-size: 14px;
		box-sizing: border-box
	}

	.card-input[data-v-16bac278]:focus {
		outline: none;
		border-color: #111
	}

	.card-actions[data-v-16bac278] {
		display: flex;
		border-top: 1px solid #f0f0f0
	}

	.card-btn[data-v-16bac278] {
		flex: 1;
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 6px;
		padding: 11px;
		border: none;
		background: none;
		font-size: 13px;
		font-weight: 500;
		cursor: pointer;
		color: #333
	}

	.card-btn[data-v-16bac278]:not(:last-child) {
		border-right: 1px solid #f0f0f0
	}

	.card-btn[data-v-16bac278]:active {
		background: #f5f5f5
	}

	.card-btn.copy[data-v-16bac278],
	.card-btn.edit[data-v-16bac278] {
		color: #333
	}

	.card-btn.delete[data-v-16bac278] {
		color: #999
	}

	.card-btn.refund[data-v-16bac278] {
		color: #d32f2f
	}

	.card-btn.save[data-v-16bac278] {
		color: #111;
		font-weight: 600
	}

	.card-btn.cancel[data-v-16bac278] {
		color: #999
	}

	.group-card[data-v-16bac278] {
		border-left: 3px solid #111
	}

	.group-card .group-arrow[data-v-16bac278] {
		font-size: 14px;
		margin-right: 4px
	}

	.group-card .group-badge[data-v-16bac278] {
		font-size: 11px;
		margin-left: 4px
	}

	.group-child-card[data-v-16bac278] {
		border-top: 1px solid #f0f0f0
	}

	.toolbar[data-v-16bac278] {
		flex-direction: column;
		gap: 12px;
		padding: 12px 0
	}

	.toolbar-left[data-v-16bac278] {
		width: 100%;
		justify-content: space-between
	}

	.toolbar-right[data-v-16bac278] {
		width: 100%
	}

	.toolbar-right .btn[data-v-16bac278] {
		width: 100%;
		justify-content: center;
		padding: 10px 16px
	}

	.table-container[data-v-16bac278] {
		display: none
	}

	.batch-bar[data-v-16bac278] {
		flex-direction: column;
		gap: 10px;
		padding: 12px
	}

	.batch-info[data-v-16bac278] {
		width: 100%;
		justify-content: space-between
	}

	.batch-actions[data-v-16bac278] {
		width: 100%
	}

	.batch-actions .btn-batch-delete[data-v-16bac278],
	.batch-actions .btn-batch-refund[data-v-16bac278] {
		flex: 1;
		justify-content: center;
		padding: 10px
	}

	.modal-box[data-v-16bac278] {
		width: 95%;
		margin: 10px;
		max-height: 90vh;
		overflow-y: auto
	}

	.domain-modal-box[data-v-16bac278] {
		width: 95%
	}

	.form-row[data-v-16bac278] {
		flex-direction: column;
		gap: 0
	}

	.modal-footer[data-v-16bac278] {
		flex-direction: column;
		padding: 12px 16px
	}

	.modal-footer .btn[data-v-16bac278] {
		width: 100%;
		padding: 11px
	}

	.empty-state[data-v-16bac278] {
		padding: 40px 20px
	}
}

.password-management[data-v-007c4d87] {
	display: flex;
	justify-content: center;
	padding-top: 40px
}

.password-form[data-v-007c4d87] {
	width: 400px;
	background: #fff;
	padding: 32px;
	border: 1px solid #e8e8e8
}

.password-form h3[data-v-007c4d87] {
	margin: 0 0 24px;
	font-size: 16px;
	font-weight: 600;
	color: #111
}

.form-group[data-v-007c4d87] {
	margin-bottom: 20px
}

.form-group label[data-v-007c4d87] {
	display: block;
	margin-bottom: 6px;
	color: #666;
	font-size: 13px
}

.form-group input[data-v-007c4d87] {
	width: 100%;
	padding: 10px 12px;
	border: 1px solid #ddd;
	border-radius: 4px;
	box-sizing: border-box;
	font-size: 14px
}

.form-group input[data-v-007c4d87]:focus {
	outline: none;
	border-color: #111
}

.submit-btn[data-v-007c4d87] {
	width: 100%;
	padding: 11px;
	background: #111;
	color: #fff;
	border: none;
	border-radius: 4px;
	cursor: pointer;
	font-size: 14px;
	font-weight: 500
}

.submit-btn[data-v-007c4d87]:hover {
	background: #333
}

@media screen and (max-width:768px) {
	.password-management[data-v-007c4d87] {
		padding: 12px
	}

	.password-form[data-v-007c4d87] {
		width: 100%;
		padding: 20px;
		box-sizing: border-box
	}

	.form-group input[data-v-007c4d87] {
		padding: 12px
	}

	.submit-btn[data-v-007c4d87] {
		padding: 14px
	}
}

.system-settings[data-v-1cec5919] {
	padding: 0
}

.settings-card[data-v-1cec5919] {
	background: #fff;
	padding: 24px;
	border: 1px solid #e8e8e8;
	max-width: 500px;
	margin-bottom: 16px
}

.settings-card h3[data-v-1cec5919] {
	margin: 0 0 20px;
	font-size: 15px;
	font-weight: 600;
	color: #111
}

.form-group[data-v-1cec5919] {
	margin-bottom: 16px
}

.form-group label[data-v-1cec5919] {
	display: block;
	margin-bottom: 6px;
	font-size: 13px;
	color: #666
}

.form-group input[data-v-1cec5919] {
	width: 100%;
	height: 38px;
	padding: 0 12px;
	border: 1px solid #ddd;
	border-radius: 4px;
	font-size: 14px;
	box-sizing: border-box
}

.form-group input[data-v-1cec5919]:focus {
	border-color: #111;
	outline: none
}

.form-group select[data-v-1cec5919] {
	width: 100%;
	height: 38px;
	padding: 0 12px;
	border: 1px solid #ddd;
	border-radius: 4px;
	font-size: 14px;
	box-sizing: border-box;
	background-color: #fff;
	cursor: pointer
}

.form-group select[data-v-1cec5919]:focus {
	border-color: #111;
	outline: none
}

.oss-config[data-v-1cec5919] {
	margin-top: 16px;
	padding-top: 16px;
	border-top: 1px solid #f0f0f0
}

.button-group[data-v-1cec5919] {
	display: flex;
	gap: 8px;
	margin-top: 16px
}

.save-btn[data-v-1cec5919] {
	background: #111;
	color: #fff;
	border: none;
	padding: 9px 20px;
	border-radius: 4px;
	font-size: 13px;
	cursor: pointer;
	font-weight: 500
}

.save-btn[data-v-1cec5919]:hover {
	background: #333
}

.save-btn[data-v-1cec5919]:disabled {
	background: #ccc;
	cursor: not-allowed
}

.test-btn[data-v-1cec5919] {
	background: #fff;
	color: #333;
	border: 1px solid #ddd;
	padding: 9px 20px;
	border-radius: 4px;
	font-size: 13px;
	cursor: pointer;
	font-weight: 500
}

.test-btn[data-v-1cec5919]:hover {
	border-color: #111;
	color: #111
}

.test-btn[data-v-1cec5919]:disabled {
	background: #f5f5f5;
	color: #ccc;
	cursor: not-allowed
}

.test-result[data-v-1cec5919] {
	margin-top: 16px;
	padding: 14px;
	border: 1px solid
}

.test-result.error[data-v-1cec5919],
.test-result.success[data-v-1cec5919] {
	background-color: #fafafa;
	border-color: #ddd;
	color: #333
}

.result-title[data-v-1cec5919] {
	font-weight: 600;
	font-size: 14px;
	margin-bottom: 6px
}

.result-message[data-v-1cec5919] {
	margin-bottom: 6px;
	font-size: 13px
}

.result-details[data-v-1cec5919] {
	margin-top: 10px;
	padding: 10px;
	background: #f5f5f5;
	font-size: 12px
}

.result-details pre[data-v-1cec5919] {
	margin: 6px 0 0;
	white-space: pre-wrap;
	word-wrap: break-word;
	font-family: monospace
}

.hint[data-v-1cec5919] {
	margin-top: 4px;
	font-size: 12px;
	color: #999
}

.proxy-inputs[data-v-1cec5919] {
	display: flex;
	gap: 10px
}

.proxy-host[data-v-1cec5919] {
	flex: 2
}

.proxy-port[data-v-1cec5919] {
	flex: 1
}

.switch-container[data-v-1cec5919] {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 8px
}

.switch[data-v-1cec5919] {
	position: relative;
	display: inline-block;
	width: 44px;
	height: 24px
}

.switch input[data-v-1cec5919] {
	opacity: 0;
	width: 0;
	height: 0
}

.slider[data-v-1cec5919] {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ddd;
	transition: .3s;
	border-radius: 24px
}

.slider[data-v-1cec5919]:before {
	position: absolute;
	content: "";
	height: 18px;
	width: 18px;
	left: 3px;
	bottom: 3px;
	background-color: #fff;
	transition: .3s;
	border-radius: 50%
}

input:checked+.slider[data-v-1cec5919] {
	background-color: #111
}

input:checked+.slider[data-v-1cec5919]:before {
	transform: translateX(20px)
}

.switch-label[data-v-1cec5919] {
	font-size: 13px;
	color: #666
}

.order-management[data-v-d68f9bb8] {
	padding: 0
}

.header[data-v-d68f9bb8] {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 16px
}

.header h3[data-v-d68f9bb8] {
	margin: 0;
	font-size: 15px;
	font-weight: 600;
	color: #111
}

.filter[data-v-d68f9bb8] {
	display: flex;
	gap: 8px
}

.filter select[data-v-d68f9bb8] {
	padding: 6px 12px;
	border: 1px solid #ddd;
	border-radius: 4px;
	font-size: 13px
}

.filter select[data-v-d68f9bb8]:focus {
	outline: none;
	border-color: #111
}

.refresh-btn[data-v-d68f9bb8] {
	padding: 6px 12px;
	background: #111;
	color: #fff;
	border: none;
	border-radius: 4px;
	cursor: pointer;
	font-size: 13px
}

.refresh-btn[data-v-d68f9bb8]:hover {
	background: #333
}

table[data-v-d68f9bb8] {
	width: 100%;
	border-collapse: collapse;
	background: #fff;
	border: 1px solid #e8e8e8
}

td[data-v-d68f9bb8],
th[data-v-d68f9bb8] {
	padding: 10px 12px;
	text-align: left;
	border-bottom: 1px solid #f0f0f0;
	font-size: 13px
}

th[data-v-d68f9bb8] {
	background: #fafafa;
	font-weight: 600;
	font-size: 12px;
	color: #666;
	text-transform: uppercase;
	letter-spacing: .3px
}

tbody tr[data-v-d68f9bb8]:hover {
	background: #fafafa
}

.order-id[data-v-d68f9bb8] {
	font-family: monospace;
	font-size: 12px;
	color: #666
}

.status-pending[data-v-d68f9bb8] {
	color: #666;
	font-weight: 500
}

.status-paid[data-v-d68f9bb8] {
	color: #111;
	font-weight: 600
}

.status-expired[data-v-d68f9bb8] {
	color: #bbb
}

.status-cancelled[data-v-d68f9bb8] {
	color: #999;
	text-decoration: line-through
}

.actions[data-v-d68f9bb8] {
	display: flex;
	gap: 6px
}

.confirm-btn[data-v-d68f9bb8] {
	padding: 4px 10px;
	background: #111;
	color: #fff;
	border: none;
	border-radius: 3px;
	cursor: pointer;
	font-size: 12px
}

.confirm-btn[data-v-d68f9bb8]:hover {
	background: #333
}

.cancel-btn[data-v-d68f9bb8] {
	padding: 4px 10px;
	background: #fff;
	color: #666;
	border: 1px solid #ddd;
	border-radius: 3px;
	cursor: pointer;
	font-size: 12px
}

.cancel-btn[data-v-d68f9bb8]:hover {
	border-color: #111;
	color: #111
}

.paid-time[data-v-d68f9bb8] {
	font-size: 12px;
	color: #999
}

.empty[data-v-d68f9bb8] {
	text-align: center;
	padding: 40px;
	color: #999
}

.order-cards[data-v-d68f9bb8] {
	display: flex;
	flex-direction: column;
	gap: 12px
}

.order-card[data-v-d68f9bb8] {
	background: #fff;
	border: 1px solid #e8e8e8
}

.card-header[data-v-d68f9bb8] {
	display: flex;
	justify-content: space-between;
	padding: 10px 12px;
	background: #fafafa;
	border-bottom: 1px solid #f0f0f0
}

.order-no[data-v-d68f9bb8] {
	font-family: monospace;
	font-size: 12px;
	color: #666
}

.card-body[data-v-d68f9bb8] {
	padding: 12px
}

.info-row[data-v-d68f9bb8] {
	display: flex;
	justify-content: space-between;
	padding: 5px 0;
	font-size: 13px
}

.info-row span[data-v-d68f9bb8]:first-child {
	color: #999
}

.amount[data-v-d68f9bb8] {
	color: #111;
	font-weight: 600
}

.card-actions[data-v-d68f9bb8] {
	display: flex;
	gap: 8px;
	padding: 12px;
	border-top: 1px solid #f0f0f0
}

.card-actions .cancel-btn[data-v-d68f9bb8],
.card-actions .confirm-btn[data-v-d68f9bb8] {
	flex: 1;
	padding: 8px
}

.custom-anti-red-management[data-v-0791350f] {
	padding: 0
}

.header[data-v-0791350f] {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 16px
}

.header h3[data-v-0791350f] {
	margin: 0;
	font-size: 15px;
	font-weight: 600;
	color: #111
}

.refresh-btn[data-v-0791350f] {
	padding: 6px 14px;
	background: #111;
	color: #fff;
	border: none;
	border-radius: 4px;
	cursor: pointer;
	font-size: 13px
}

.refresh-btn[data-v-0791350f]:hover {
	background: #333
}

.refresh-btn[data-v-0791350f]:disabled {
	background: #ccc;
	cursor: not-allowed
}

.empty[data-v-0791350f],
.loading[data-v-0791350f] {
	text-align: center;
	padding: 40px;
	color: #999;
	font-size: 14px
}

.table-container[data-v-0791350f] {
	overflow-x: auto;
	background: #fff;
	border: 1px solid #e8e8e8
}

.data-table[data-v-0791350f] {
	width: 100%;
	border-collapse: collapse;
	font-size: 13px
}

.data-table td[data-v-0791350f],
.data-table th[data-v-0791350f] {
	padding: 10px 12px;
	text-align: left;
	border-bottom: 1px solid #f0f0f0
}

.data-table th[data-v-0791350f] {
	background: #fafafa;
	font-weight: 600;
	font-size: 12px;
	color: #666;
	text-transform: uppercase;
	letter-spacing: .3px
}

.data-table tr[data-v-0791350f]:hover {
	background: #fafafa
}

.url-cell[data-v-0791350f] {
	max-width: 400px
}

.url-wrapper[data-v-0791350f] {
	display: flex;
	align-items: center;
	gap: 8px
}

.url-text[data-v-0791350f] {
	flex: 1;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-family: monospace;
	font-size: 12px;
	color: #666
}

.copy-btn[data-v-0791350f] {
	padding: 3px 8px;
	background: #fff;
	color: #333;
	border: 1px solid #ddd;
	border-radius: 3px;
	cursor: pointer;
	font-size: 12px;
	white-space: nowrap;
	flex-shrink: 0
}

.copy-btn[data-v-0791350f]:hover {
	background: #f5f5f5;
	border-color: #111
}

.status-badge[data-v-0791350f] {
	padding: 2px 8px;
	border-radius: 3px;
	font-size: 12px;
	border: 1px solid
}

.status-badge.active[data-v-0791350f] {
	background: #fff;
	color: #111;
	border-color: #111
}

.status-badge.inactive[data-v-0791350f] {
	background: #fff;
	color: #999;
	border-color: #ddd
}

.delete-btn[data-v-0791350f] {
	padding: 4px 10px;
	background: #fff;
	color: #666;
	border: 1px solid #ddd;
	border-radius: 3px;
	cursor: pointer;
	font-size: 12px
}

.delete-btn[data-v-0791350f]:hover {
	background: #111;
	color: #fff;
	border-color: #111
}

.system-monitoring[data-v-200b6245] {
	padding: 20px;
	max-width: 1200px
}

.refresh-bar[data-v-200b6245] {
	display: flex;
	align-items: center;
	gap: 16px;
	margin-bottom: 20px;
	padding: 12px 16px;
	background: #fff;
	border-radius: 0;
	border: 1px solid #e0e0e0
}

.last-update[data-v-200b6245] {
	font-size: 14px;
	color: #666
}

.refresh-btn[data-v-200b6245] {
	background: #000;
	color: #fff;
	border: none;
	padding: 8px 16px;
	border-radius: 2px;
	cursor: pointer;
	font-size: 14px;
	font-weight: 500;
	transition: all .2s
}

.refresh-btn[data-v-200b6245]:hover {
	background: #333
}

.refresh-btn[data-v-200b6245]:disabled {
	background: #ccc;
	cursor: not-allowed
}

.auto-refresh[data-v-200b6245] {
	display: flex;
	align-items: center;
	gap: 6px;
	font-size: 14px;
	color: #666;
	cursor: pointer;
	margin-left: auto
}

.auto-refresh input[data-v-200b6245] {
	cursor: pointer
}

.stats-grid[data-v-200b6245] {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 16px;
	margin-bottom: 20px
}

@media (max-width:900px) {
	.stats-grid[data-v-200b6245] {
		grid-template-columns: repeat(2, 1fr)
	}
}

.stat-card[data-v-200b6245] {
	background: #fff;
	border-radius: 0;
	padding: 20px;
	display: flex;
	align-items: center;
	gap: 16px;
	border: 1px solid #e0e0e0
}

.stat-icon[data-v-200b6245] {
	width: 48px;
	height: 48px;
	border-radius: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 2px solid
}

.users-icon[data-v-200b6245] {
	background: #fff;
	color: #1976d2;
	border-color: #1976d2
}

.agent-icon[data-v-200b6245] {
	background: #fff;
	color: #388e3c;
	border-color: #388e3c
}

.customer-icon[data-v-200b6245] {
	background: #fff;
	color: #f57c00;
	border-color: #f57c00
}

.memory-icon[data-v-200b6245] {
	background: #fff;
	color: #c2185b;
	border-color: #c2185b
}

.stat-info[data-v-200b6245] {
	flex: 1
}

.stat-value[data-v-200b6245] {
	font-size: 28px;
	font-weight: 700;
	color: #333
}

.stat-label[data-v-200b6245] {
	font-size: 14px;
	color: #666;
	margin-top: 4px
}

.section-card[data-v-200b6245] {
	background: #fff;
	border-radius: 0;
	padding: 20px;
	margin-bottom: 20px;
	border: 1px solid #e0e0e0
}

.section-card h3[data-v-200b6245] {
	margin: 0 0 16px;
	font-size: 16px;
	color: #333;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: .5px
}

.server-info[data-v-200b6245] {
	display: flex;
	flex-direction: column;
	gap: 12px
}

.info-row[data-v-200b6245] {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 8px 0;
	border-bottom: 1px solid #f0f0f0
}

.info-row[data-v-200b6245]:last-of-type {
	border-bottom: none
}

.info-label[data-v-200b6245] {
	font-size: 14px;
	color: #666
}

.info-value[data-v-200b6245] {
	font-size: 14px;
	color: #333;
	font-weight: 500
}

.memory-bar[data-v-200b6245] {
	height: 8px;
	background: #f0f0f0;
	border-radius: 0;
	overflow: hidden;
	margin-top: 8px
}

.memory-progress[data-v-200b6245] {
	height: 100%;
	background: #000;
	border-radius: 0;
	transition: width .3s ease
}

.user-list[data-v-200b6245] {
	display: flex;
	flex-direction: column;
	gap: 12px
}

.user-item[data-v-200b6245] {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 12px;
	background: #fafafa;
	border-radius: 0;
	border: 1px solid #f0f0f0
}

.user-avatar[data-v-200b6245] {
	width: 40px;
	height: 40px;
	border-radius: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 2px solid
}

.user-avatar.agent[data-v-200b6245] {
	background: #fff;
	color: #388e3c;
	border-color: #388e3c
}

.user-avatar.customer[data-v-200b6245] {
	background: #fff;
	color: #f57c00;
	border-color: #f57c00
}

.user-info[data-v-200b6245] {
	flex: 1
}

.user-name[data-v-200b6245] {
	font-size: 14px;
	font-weight: 500;
	color: #333
}

.user-detail[data-v-200b6245] {
	font-size: 12px;
	color: #999;
	margin-top: 2px
}

.user-status[data-v-200b6245] {
	font-size: 12px;
	padding: 3px 10px;
	border-radius: 2px;
	border: 1px solid
}

.user-status.online[data-v-200b6245] {
	background: #fff;
	color: #388e3c;
	border-color: #388e3c
}

.empty-list[data-v-200b6245] {
	text-align: center;
	padding: 30px;
	color: #999;
	font-size: 14px
}

.section-header[data-v-200b6245] {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 16px
}

.section-header h3[data-v-200b6245] {
	margin: 0
}

.refresh-btn.small[data-v-200b6245] {
	padding: 6px 12px;
	font-size: 13px
}

.domain-list[data-v-200b6245] {
	display: flex;
	flex-direction: column;
	gap: 12px
}

.domain-item[data-v-200b6245] {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	padding: 16px;
	background: #fafafa;
	border-radius: 0;
	border: 1px solid #e0e0e0
}

.domain-info[data-v-200b6245] {
	flex: 1
}

.domain-name[data-v-200b6245] {
	font-size: 16px;
	font-weight: 600;
	color: #333;
	margin-bottom: 8px;
	display: flex;
	align-items: center;
	gap: 8px
}

.blocked-badge[data-v-200b6245] {
	display: inline-block;
	padding: 2px 8px;
	background: #ff4d4f;
	color: #fff;
	border-radius: 2px;
	font-size: 12px;
	font-weight: 500
}

.domain-stats[data-v-200b6245] {
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
	font-size: 13px;
	color: #666;
	margin-bottom: 8px
}

.domain-remark[data-v-200b6245] {
	font-size: 13px;
	color: #666;
	padding: 8px;
	background: #fff;
	border-radius: 0;
	margin-top: 8px;
	border: 1px solid #e0e0e0
}

.remark-label[data-v-200b6245] {
	font-weight: 600;
	color: #333
}

.domain-actions[data-v-200b6245] {
	display: flex;
	gap: 8px;
	flex-shrink: 0
}

.action-btn[data-v-200b6245] {
	width: 36px;
	height: 36px;
	border: 1px solid;
	border-radius: 2px;
	cursor: pointer;
	font-size: 16px;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all .2s;
	background: #fff
}

.action-btn.remark-btn[data-v-200b6245] {
	color: #1677ff;
	border-color: #1677ff
}

.action-btn.remark-btn[data-v-200b6245]:hover {
	background: #1677ff;
	color: #fff
}

.action-btn.block-btn[data-v-200b6245] {
	color: #ff4d4f;
	border-color: #ff4d4f
}

.action-btn.block-btn[data-v-200b6245]:hover {
	background: #ff4d4f;
	color: #fff
}

.action-btn.unblock-btn[data-v-200b6245] {
	color: #52c41a;
	border-color: #52c41a
}

.action-btn.unblock-btn[data-v-200b6245]:hover {
	background: #52c41a;
	color: #fff
}

.action-btn.landing-btn[data-v-200b6245] {
	color: #722ed1;
	border-color: #722ed1
}

.action-btn.landing-btn[data-v-200b6245]:hover {
	background: #722ed1;
	color: #fff
}

.modal-overlay[data-v-200b6245] {
	position: fixed;
	inset: 0;
	background: rgba(0, 0, 0, .5);
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 1000
}

.modal-box[data-v-200b6245] {
	background: #fff;
	border-radius: 0;
	width: 500px;
	max-width: 90vw;
	border: 1px solid #e0e0e0
}

.modal-box.modal-large[data-v-200b6245] {
	width: 800px;
	max-height: 90vh;
	overflow-y: auto
}

.modal-header[data-v-200b6245] {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 16px 20px;
	border-bottom: 1px solid #f0f0f0
}

.modal-header h4[data-v-200b6245] {
	margin: 0;
	font-size: 16px;
	font-weight: 600;
	color: #333
}

.modal-close[data-v-200b6245] {
	width: 32px;
	height: 32px;
	border: none;
	background: none;
	color: #999;
	cursor: pointer;
	border-radius: 4px;
	font-size: 24px;
	display: flex;
	align-items: center;
	justify-content: center
}

.modal-close[data-v-200b6245]:hover {
	background: #f0f0f0;
	color: #333
}

.modal-body[data-v-200b6245] {
	padding: 20px
}

.form-item[data-v-200b6245] {
	margin-bottom: 16px
}

.form-item[data-v-200b6245]:last-child {
	margin-bottom: 0
}

.form-item label[data-v-200b6245] {
	display: block;
	margin-bottom: 8px;
	font-size: 14px;
	font-weight: 500;
	color: #333
}

.domain-display[data-v-200b6245] {
	padding: 10px 12px;
	background: #f5f5f5;
	border-radius: 2px;
	font-size: 14px;
	color: #666;
	font-family: monospace;
	border: 1px solid #e0e0e0
}

.form-textarea[data-v-200b6245] {
	width: 100%;
	padding: 10px 12px;
	border: 1px solid #d9d9d9;
	border-radius: 2px;
	font-size: 14px;
	font-family: inherit;
	resize: vertical;
	box-sizing: border-box
}

.form-textarea[data-v-200b6245]:focus {
	outline: none;
	border-color: #000
}

.form-textarea-large[data-v-200b6245] {
	min-height: 300px;
	font-family: monospace;
	font-size: 13px
}

.form-input[data-v-200b6245] {
	flex: 1;
	font-family: monospace;
	background: #f5f5f5
}

.form-input[data-v-200b6245],
.form-select[data-v-200b6245] {
	padding: 10px 12px;
	border: 1px solid #d9d9d9;
	border-radius: 2px;
	font-size: 14px
}

.form-select[data-v-200b6245] {
	width: 100%;
	background: #fff;
	cursor: pointer
}

.form-select[data-v-200b6245]:focus {
	outline: none;
	border-color: #000
}

.hint[data-v-200b6245] {
	font-size: 12px;
	color: #999;
	margin-top: 6px
}

.landing-url-row[data-v-200b6245] {
	display: flex;
	gap: 8px;
	align-items: center
}

.quick-actions[data-v-200b6245] {
	display: flex;
	gap: 12px
}

.upload-btn[data-v-200b6245] {
	cursor: pointer
}

.char-count[data-v-200b6245] {
	text-align: right;
	font-size: 12px;
	color: #999;
	margin-top: 4px
}

.modal-footer[data-v-200b6245] {
	display: flex;
	justify-content: flex-end;
	gap: 8px;
	padding: 16px 20px;
	border-top: 1px solid #f0f0f0
}

.btn[data-v-200b6245] {
	padding: 8px 16px;
	border: 1px solid;
	border-radius: 2px;
	font-size: 14px;
	cursor: pointer;
	transition: all .2s;
	font-weight: 500
}

.btn-primary[data-v-200b6245] {
	background: #000;
	color: #fff;
	border-color: #000
}

.btn-primary[data-v-200b6245]:hover {
	background: #333
}

.btn-secondary[data-v-200b6245] {
	background: #fff;
	color: #333;
	border-color: #d9d9d9
}

.btn-secondary[data-v-200b6245]:hover {
	background: #f5f5f5
}

.heartbeat[data-v-200b6245] {
	animation: heartbeat-200b6245 2s ease-in-out infinite
}

@keyframes heartbeat-200b6245 {

	0%,
	to {
		transform: scale(1)
	}

	15% {
		transform: scale(1.08)
	}

	30% {
		transform: scale(1)
	}

	45% {
		transform: scale(1.05)
	}

	60% {
		transform: scale(1)
	}
}

.pulse-icon[data-v-200b6245] {
	animation: pulseIcon-200b6245 2.5s ease-in-out infinite
}

@keyframes pulseIcon-200b6245 {

	0%,
	to {
		box-shadow: 0 0 0 0 rgba(0, 0, 0, .15)
	}

	50% {
		box-shadow: 0 0 0 10px transparent
	}
}

.pulse-dot[data-v-200b6245] {
	display: inline-block;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: #388e3c;
	margin-right: 5px;
	vertical-align: middle;
	animation: pulseDot-200b6245 1.5s ease-in-out infinite
}

@keyframes pulseDot-200b6245 {

	0%,
	to {
		opacity: 1;
		box-shadow: 0 0 0 0 rgba(56, 142, 60, .5)
	}

	50% {
		opacity: .6;
		box-shadow: 0 0 0 6px rgba(56, 142, 60, 0)
	}
}

.line-draw[data-v-200b6245] {
	position: relative;
	border-color: transparent
}

.line-draw[data-v-200b6245]:after,
.line-draw[data-v-200b6245]:before {
	content: "";
	position: absolute;
	border: 1px solid #e0e0e0
}

.line-draw[data-v-200b6245]:before {
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border-right: none;
	border-bottom: none;
	animation: lineDrawTL-200b6245 .6s ease-out forwards
}

.line-draw[data-v-200b6245]:after {
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border-left: none;
	border-top: none;
	animation: lineDrawBR-200b6245 .6s ease-out .3s forwards
}

@keyframes lineDrawTL-200b6245 {
	0% {
		clip-path: inset(0 100% 100% 0)
	}

	to {
		clip-path: inset(0 0 0 0)
	}
}

@keyframes lineDrawBR-200b6245 {
	0% {
		clip-path: inset(100% 0 0 100%)
	}

	to {
		clip-path: inset(0 0 0 0)
	}
}

.memory-progress[data-v-200b6245] {
	animation: memoryGlow-200b6245 2s ease-in-out infinite
}

@keyframes memoryGlow-200b6245 {

	0%,
	to {
		box-shadow: 0 0 4px rgba(0, 0, 0, .1)
	}

	50% {
		box-shadow: 0 0 12px rgba(0, 0, 0, .3)
	}
}

.stat-card[data-v-200b6245] {
	transition: transform .25s ease, box-shadow .25s ease
}

.stat-card[data-v-200b6245]:hover {
	transform: translateY(-4px);
	box-shadow: 0 8px 24px rgba(0, 0, 0, .1)
}

.license-management[data-v-87e28c4c] {
	padding: 20px
}

.toolbar[data-v-87e28c4c] {
	margin-bottom: 20px;
	display: flex;
	gap: 10px
}

.add-btn[data-v-87e28c4c] {
	padding: 10px 20px;
	background: #000;
	color: #fff;
	border: none;
	border-radius: 4px;
	cursor: pointer;
	font-size: 14px;
	font-weight: 500;
	transition: all .2s
}

.add-btn[data-v-87e28c4c]:hover {
	background: #333
}

.license-table[data-v-87e28c4c] {
	width: 100%;
	border-collapse: collapse;
	background: #fff;
	border-radius: 0;
	overflow: hidden;
	border: 1px solid #e0e0e0
}

.license-table thead[data-v-87e28c4c] {
	background: #fafafa;
	color: #333;
	border-bottom: 2px solid #e0e0e0
}

.license-table th[data-v-87e28c4c] {
	padding: 12px 16px;
	text-align: left;
	font-weight: 600;
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: .5px
}

.license-table td[data-v-87e28c4c] {
	padding: 12px 16px;
	border-bottom: 1px solid #f0f0f0;
	font-size: 14px
}

.license-table tbody tr[data-v-87e28c4c]:hover {
	background: #fafafa
}

.type-tag[data-v-87e28c4c] {
	padding: 3px 10px;
	border-radius: 2px;
	font-size: 12px;
	font-weight: 500;
	border: 1px solid
}

.type-tag.domain[data-v-87e28c4c] {
	background: #fff;
	color: #1976d2;
	border-color: #1976d2
}

.type-tag.ip[data-v-87e28c4c] {
	background: #fff;
	color: #7b1fa2;
	border-color: #7b1fa2
}

.status-tag[data-v-87e28c4c] {
	padding: 3px 10px;
	border-radius: 2px;
	font-size: 12px;
	font-weight: 500;
	border: 1px solid
}

.status-tag.active[data-v-87e28c4c] {
	background: #fff;
	color: #2e7d32;
	border-color: #2e7d32
}

.status-tag.expired[data-v-87e28c4c] {
	background: #fff;
	color: #c62828;
	border-color: #c62828
}

.status-tag.revoked[data-v-87e28c4c] {
	background: #fff;
	color: #757575;
	border-color: #757575
}

.auth-value[data-v-87e28c4c] {
	font-family: monospace;
	color: #333;
	font-weight: 500
}

.expire-status[data-v-87e28c4c] {
	padding: 3px 8px;
	border-radius: 2px;
	font-size: 12px;
	border: 1px solid
}

.expire-status.normal[data-v-87e28c4c] {
	background: #fff;
	color: #2e7d32;
	border-color: #2e7d32
}

.expire-status.warning[data-v-87e28c4c] {
	background: #fff;
	color: #ef6c00;
	border-color: #ef6c00
}

.expire-status.critical[data-v-87e28c4c] {
	background: #fff;
	color: #c62828;
	border-color: #c62828
}

.expire-status.expired[data-v-87e28c4c] {
	background: #fff;
	color: #757575;
	border-color: #757575
}

.last-verified[data-v-87e28c4c] {
	color: #666;
	font-size: 12px
}

.text-muted[data-v-87e28c4c] {
	color: #999
}

.remark[data-v-87e28c4c] {
	color: #666;
	font-size: 13px
}

.action-btn[data-v-87e28c4c] {
	padding: 6px 12px;
	margin-right: 8px;
	border: 1px solid;
	border-radius: 2px;
	cursor: pointer;
	font-size: 12px;
	transition: all .2s;
	background: #fff
}

.action-btn.edit[data-v-87e28c4c] {
	color: #1976d2;
	border-color: #1976d2
}

.action-btn.edit[data-v-87e28c4c]:hover {
	background: #1976d2;
	color: #fff
}

.action-btn.revoke[data-v-87e28c4c] {
	color: #ef6c00;
	border-color: #ef6c00
}

.action-btn.revoke[data-v-87e28c4c]:hover {
	background: #ef6c00;
	color: #fff
}

.action-btn.delete[data-v-87e28c4c] {
	color: #c62828;
	border-color: #c62828
}

.action-btn.delete[data-v-87e28c4c]:hover {
	background: #c62828;
	color: #fff
}

.license-cards[data-v-87e28c4c] {
	display: flex;
	flex-direction: column;
	gap: 15px
}

.license-card[data-v-87e28c4c] {
	background: #fff;
	border-radius: 0;
	padding: 15px;
	border: 1px solid #e0e0e0
}

.card-header[data-v-87e28c4c] {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 12px;
	padding-bottom: 12px;
	border-bottom: 1px solid #f0f0f0
}

.card-body[data-v-87e28c4c] {
	display: flex;
	flex-direction: column;
	gap: 8px;
	margin-bottom: 12px
}

.card-row[data-v-87e28c4c] {
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 13px
}

.card-label[data-v-87e28c4c] {
	color: #666;
	font-weight: 500
}

.card-actions[data-v-87e28c4c] {
	display: flex;
	gap: 8px;
	padding-top: 12px;
	border-top: 1px solid #f0f0f0
}

.card-actions .action-btn[data-v-87e28c4c] {
	flex: 1;
	margin-right: 0
}

.modal-overlay[data-v-87e28c4c] {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, .5);
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 1000
}

.modal[data-v-87e28c4c] {
	background: #fff;
	border-radius: 0;
	padding: 24px;
	width: 90%;
	max-width: 500px;
	max-height: 90vh;
	overflow-y: auto;
	border: 1px solid #e0e0e0
}

.modal h3[data-v-87e28c4c] {
	margin: 0 0 20px 0;
	color: #333;
	font-weight: 600;
	font-size: 18px
}

.form-group[data-v-87e28c4c] {
	margin-bottom: 16px
}

.form-group label[data-v-87e28c4c] {
	display: block;
	margin-bottom: 8px;
	color: #666;
	font-size: 14px
}

.form-group input[data-v-87e28c4c],
.form-group select[data-v-87e28c4c] {
	width: 100%;
	padding: 10px;
	border: 1px solid #ddd;
	border-radius: 2px;
	font-size: 14px;
	box-sizing: border-box
}

.form-group input[data-v-87e28c4c]:focus,
.form-group select[data-v-87e28c4c]:focus {
	outline: none;
	border-color: #000
}

.form-group input[data-v-87e28c4c]:disabled {
	background: #f5f5f5;
	cursor: not-allowed
}

.modal-actions[data-v-87e28c4c] {
	display: flex;
	gap: 12px;
	margin-top: 24px
}

.modal-actions button[data-v-87e28c4c] {
	flex: 1;
	padding: 10px;
	border: 1px solid;
	border-radius: 2px;
	cursor: pointer;
	font-size: 14px;
	transition: all .2s;
	font-weight: 500
}

.modal-actions button[data-v-87e28c4c]:first-child {
	background: #fff;
	color: #666;
	border-color: #ddd
}

.modal-actions button[data-v-87e28c4c]:first-child:hover {
	background: #f5f5f5
}

.modal-actions button[data-v-87e28c4c]:last-child {
	background: #000;
	color: #fff;
	border-color: #000
}

.modal-actions button[data-v-87e28c4c]:last-child:hover {
	background: #333
}

.modal-actions button.primary[data-v-87e28c4c] {
	background: #000;
	color: #fff;
	border-color: #000
}

.modal-actions button.primary[data-v-87e28c4c]:hover {
	background: #333
}

.desktop-only[data-v-87e28c4c] {
	display: table
}

.mobile-only[data-v-87e28c4c] {
	display: none
}

@media (max-width:768px) {
	.desktop-only[data-v-87e28c4c] {
		display: none
	}

	.mobile-only[data-v-87e28c4c] {
		display: flex
	}

	.license-management[data-v-87e28c4c] {
		padding: 10px
	}

	.modal[data-v-87e28c4c] {
		width: 95%;
		padding: 20px
	}
}

.system-settings[data-v-53e1351a] {
	padding: 0
}

.settings-card[data-v-53e1351a] {
	background: #fff;
	padding: 24px;
	border: 1px solid #e8e8e8;
	max-width: 500px;
	margin-bottom: 16px
}

.settings-card h3[data-v-53e1351a] {
	margin: 0 0 20px;
	font-size: 15px;
	font-weight: 600;
	color: #111
}

.form-group[data-v-53e1351a] {
	margin-bottom: 16px
}

.form-group label[data-v-53e1351a] {
	display: block;
	margin-bottom: 6px;
	font-size: 13px;
	color: #666
}

.form-group input[data-v-53e1351a] {
	height: 38px;
	padding: 0 12px
}

.form-group input[data-v-53e1351a],
.form-group textarea[data-v-53e1351a] {
	width: 100%;
	border: 1px solid #ddd;
	border-radius: 4px;
	font-size: 14px;
	box-sizing: border-box
}

.form-group textarea[data-v-53e1351a] {
	padding: 10px 12px;
	resize: vertical;
	font-family: inherit;
	line-height: 1.6
}

.form-group input[data-v-53e1351a]:focus,
.form-group textarea[data-v-53e1351a]:focus {
	outline: none;
	border-color: #111
}

.switch-container[data-v-53e1351a] {
	display: flex;
	align-items: center;
	gap: 10px
}

.switch[data-v-53e1351a] {
	position: relative;
	display: inline-block;
	width: 44px;
	height: 24px
}

.switch input[data-v-53e1351a] {
	opacity: 0;
	width: 0;
	height: 0
}

.slider[data-v-53e1351a] {
	position: absolute;
	cursor: pointer;
	inset: 0;
	background: #ccc;
	border-radius: 24px;
	transition: .2s
}

.slider[data-v-53e1351a]:before {
	content: "";
	position: absolute;
	height: 18px;
	width: 18px;
	left: 3px;
	bottom: 3px;
	background: #fff;
	border-radius: 50%;
	transition: .2s
}

.switch input:checked+.slider[data-v-53e1351a] {
	background: #111
}

.switch input:checked+.slider[data-v-53e1351a]:before {
	transform: translateX(20px)
}

.switch-label[data-v-53e1351a] {
	font-size: 13px;
	color: #666
}

.form-actions[data-v-53e1351a] {
	display: flex;
	gap: 10px
}

.save-btn[data-v-53e1351a] {
	background: #111;
	color: #fff;
	border: none;
	padding: 9px 20px;
	border-radius: 4px;
	font-size: 13px;
	cursor: pointer;
	font-weight: 500
}

.save-btn[data-v-53e1351a]:disabled {
	opacity: .5;
	cursor: not-allowed
}

.cancel-btn[data-v-53e1351a] {
	background: none;
	color: #666;
	border: 1px solid #ddd;
	padding: 9px 20px;
	border-radius: 4px;
	font-size: 13px;
	cursor: pointer
}

.cancel-btn[data-v-53e1351a]:hover {
	border-color: #111;
	color: #111
}

.empty-text[data-v-53e1351a],
.loading-text[data-v-53e1351a] {
	font-size: 13px;
	color: #999;
	text-align: center;
	padding: 20px 0
}

.announcement-list[data-v-53e1351a] {
	display: flex;
	flex-direction: column;
	gap: 12px
}

.announcement-item[data-v-53e1351a] {
	border: 1px solid #eee;
	border-radius: 6px;
	padding: 14px
}

.item-header[data-v-53e1351a] {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 8px
}

.item-title[data-v-53e1351a] {
	font-size: 14px;
	font-weight: 500;
	color: #111
}

.status-badge[data-v-53e1351a] {
	font-size: 12px;
	padding: 2px 8px;
	border-radius: 10px
}

.status-badge.enabled[data-v-53e1351a] {
	background: #e8f5e9;
	color: #2e7d32
}

.status-badge.disabled[data-v-53e1351a] {
	background: #f5f5f5;
	color: #999
}

.item-content[data-v-53e1351a] {
	font-size: 13px;
	color: #666;
	line-height: 1.5;
	margin-bottom: 10px;
	white-space: pre-wrap;
	word-break: break-word;
	max-height: 80px;
	overflow: hidden
}

.item-content img[data-v-53e1351a] {
	max-width: 100%;
	height: auto;
	border-radius: 4px
}

.item-actions[data-v-53e1351a] {
	display: flex;
	gap: 8px
}

.action-btn[data-v-53e1351a] {
	font-size: 12px;
	padding: 4px 12px;
	border-radius: 4px;
	cursor: pointer;
	border: 1px solid #ddd;
	background: none;
	color: #666;
	transition: all .15s
}

.action-btn[data-v-53e1351a]:hover {
	border-color: #111;
	color: #111
}

.delete-btn[data-v-53e1351a]:hover {
	border-color: #e53935;
	color: #e53935
}

.upload-bar[data-v-53e1351a] {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-top: 8px
}

.upload-btn[data-v-53e1351a] {
	background: none;
	color: #111;
	border: 1px solid #ddd;
	padding: 5px 14px;
	border-radius: 4px;
	font-size: 12px;
	cursor: pointer;
	white-space: nowrap
}

.upload-btn[data-v-53e1351a]:hover {
	border-color: #111
}

.upload-btn[data-v-53e1351a]:disabled {
	opacity: .5;
	cursor: not-allowed
}

.content-preview[data-v-53e1351a] {
	margin-top: 12px
}

.content-preview label[data-v-53e1351a] {
	display: block;
	margin-bottom: 6px;
	font-size: 12px;
	color: #999
}

.preview-box[data-v-53e1351a] {
	border: 1px solid #eee;
	border-radius: 6px;
	padding: 12px;
	font-size: 14px;
	color: #444;
	line-height: 1.7;
	white-space: pre-wrap;
	word-break: break-word;
	max-height: 200px;
	overflow-y: auto
}

.preview-box img[data-v-53e1351a] {
	max-width: 100%;
	height: auto;
	border-radius: 8px;
	margin: 8px 0
}

.system-settings[data-v-67f97ec0] {
	padding: 0
}

.settings-card[data-v-67f97ec0] {
	background: #fff;
	padding: 24px;
	border: 1px solid #e8e8e8;
	max-width: 500px;
	margin-bottom: 16px
}

.settings-card h3[data-v-67f97ec0] {
	margin: 0 0 20px;
	font-size: 15px;
	font-weight: 600;
	color: #111
}

.form-group[data-v-67f97ec0] {
	margin-bottom: 16px
}

.form-group label[data-v-67f97ec0] {
	display: block;
	margin-bottom: 6px;
	font-size: 13px;
	color: #666
}

.form-group input[data-v-67f97ec0] {
	height: 38px;
	padding: 0 12px
}

.form-group input[data-v-67f97ec0],
.form-group textarea[data-v-67f97ec0] {
	width: 100%;
	border: 1px solid #ddd;
	border-radius: 4px;
	font-size: 14px;
	box-sizing: border-box
}

.form-group textarea[data-v-67f97ec0] {
	padding: 10px 12px;
	resize: vertical;
	font-family: inherit;
	line-height: 1.6
}

.form-group input[data-v-67f97ec0]:focus,
.form-group textarea[data-v-67f97ec0]:focus {
	outline: none;
	border-color: #111
}

.form-group .hint[data-v-67f97ec0] {
	display: block;
	margin-top: 4px;
	font-size: 12px;
	color: #999
}

.switch-container[data-v-67f97ec0] {
	display: flex;
	align-items: center;
	gap: 10px
}

.switch[data-v-67f97ec0] {
	position: relative;
	display: inline-block;
	width: 44px;
	height: 24px
}

.switch input[data-v-67f97ec0] {
	opacity: 0;
	width: 0;
	height: 0
}

.slider[data-v-67f97ec0] {
	position: absolute;
	cursor: pointer;
	inset: 0;
	background: #ccc;
	border-radius: 24px;
	transition: .2s
}

.slider[data-v-67f97ec0]:before {
	content: "";
	position: absolute;
	height: 18px;
	width: 18px;
	left: 3px;
	bottom: 3px;
	background: #fff;
	border-radius: 50%;
	transition: .2s
}

.switch input:checked+.slider[data-v-67f97ec0] {
	background: #e53935
}

.switch input:checked+.slider[data-v-67f97ec0]:before {
	transform: translateX(20px)
}

.switch-label[data-v-67f97ec0] {
	font-size: 13px;
	color: #666
}

.form-actions[data-v-67f97ec0] {
	display: flex;
	gap: 10px
}

.save-btn[data-v-67f97ec0] {
	background: #e53935;
	color: #fff;
	border: none;
	padding: 9px 20px;
	border-radius: 4px;
	font-size: 13px;
	cursor: pointer;
	font-weight: 500
}

.save-btn[data-v-67f97ec0]:disabled {
	opacity: .5;
	cursor: not-allowed
}

.cancel-btn[data-v-67f97ec0] {
	background: none;
	color: #666;
	border: 1px solid #ddd;
	padding: 9px 20px;
	border-radius: 4px;
	font-size: 13px;
	cursor: pointer
}

.cancel-btn[data-v-67f97ec0]:hover {
	border-color: #111;
	color: #111
}

.empty-text[data-v-67f97ec0],
.loading-text[data-v-67f97ec0] {
	font-size: 13px;
	color: #999;
	text-align: center;
	padding: 20px 0
}

.announcement-list[data-v-67f97ec0] {
	display: flex;
	flex-direction: column;
	gap: 12px
}

.announcement-item[data-v-67f97ec0] {
	border: 1px solid #eee;
	border-radius: 6px;
	padding: 14px
}

.item-header[data-v-67f97ec0] {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 8px
}

.item-title[data-v-67f97ec0] {
	font-size: 14px;
	font-weight: 500;
	color: #111
}

.status-badge[data-v-67f97ec0] {
	font-size: 12px;
	padding: 2px 8px;
	border-radius: 10px
}

.status-badge.enabled[data-v-67f97ec0] {
	background: #fce4ec;
	color: #c62828
}

.status-badge.disabled[data-v-67f97ec0] {
	background: #f5f5f5;
	color: #999
}

.item-content[data-v-67f97ec0] {
	font-size: 13px;
	color: #666;
	line-height: 1.5;
	margin-bottom: 8px;
	white-space: pre-wrap;
	word-break: break-word;
	max-height: 60px;
	overflow: hidden
}

.item-meta[data-v-67f97ec0] {
	display: flex;
	gap: 12px;
	margin-bottom: 10px
}

.meta-tag[data-v-67f97ec0] {
	font-size: 12px;
	color: #e53935;
	background: #fce4ec;
	padding: 2px 8px;
	border-radius: 4px
}

.item-actions[data-v-67f97ec0] {
	display: flex;
	gap: 8px
}

.action-btn[data-v-67f97ec0] {
	font-size: 12px;
	padding: 4px 12px;
	border-radius: 4px;
	cursor: pointer;
	border: 1px solid #ddd;
	background: none;
	color: #666;
	transition: all .15s
}

.action-btn[data-v-67f97ec0]:hover {
	border-color: #111;
	color: #111
}

.delete-btn[data-v-67f97ec0]:hover {
	border-color: #e53935;
	color: #e53935
}

.modal-fade-enter-active[data-v-67f97ec0],
.modal-fade-leave-active[data-v-67f97ec0] {
	transition: opacity .25s ease
}

.modal-fade-enter-from[data-v-67f97ec0],
.modal-fade-leave-to[data-v-67f97ec0] {
	opacity: 0
}

.claims-overlay[data-v-67f97ec0] {
	position: fixed;
	inset: 0;
	background: rgba(0, 0, 0, .45);
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 9999;
	padding: 20px
}

.claims-card[data-v-67f97ec0] {
	background: #fff;
	border-radius: 12px;
	padding: 24px;
	max-width: 420px;
	width: 100%;
	max-height: 70vh;
	overflow-y: auto;
	position: relative
}

.claims-header[data-v-67f97ec0] {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 16px
}

.claims-header h3[data-v-67f97ec0] {
	margin: 0;
	font-size: 15px;
	font-weight: 600;
	color: #111
}

.close-btn[data-v-67f97ec0] {
	background: none;
	border: none;
	font-size: 22px;
	color: #999;
	cursor: pointer;
	line-height: 1;
	padding: 4px
}

.close-btn[data-v-67f97ec0]:hover {
	color: #333
}

.claims-list[data-v-67f97ec0] {
	display: flex;
	flex-direction: column;
	gap: 8px
}

.claim-item[data-v-67f97ec0] {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 10px 12px;
	background: #fafafa;
	border-radius: 6px;
	font-size: 13px
}

.claim-user[data-v-67f97ec0] {
	color: #333;
	font-weight: 500;
	flex: 1
}

.claim-amount[data-v-67f97ec0] {
	color: #e53935;
	font-weight: 600;
	margin: 0 12px
}

.claim-time[data-v-67f97ec0] {
	color: #999;
	font-size: 12px
}

.admin-layout[data-v-4db4d062] {
	display: flex;
	flex-direction: column;
	height: 100vh;
	background: #f5f5f5;
	font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif
}

.topbar[data-v-4db4d062] {
	height: 56px;
	background: #fff;
	display: flex;
	align-items: center;
	padding: 0 24px;
	border-bottom: 1px solid #e8e8e8;
	flex-shrink: 0;
	z-index: 100
}

.topbar-brand[data-v-4db4d062] {
	font-size: 15px;
	font-weight: 600;
	color: #111;
	letter-spacing: 2px;
	margin-right: 32px;
	flex-shrink: 0
}

.topbar-nav[data-v-4db4d062] {
	display: flex;
	align-items: center;
	gap: 4px;
	flex: 1;
	overflow-x: auto
}

.topbar-nav[data-v-4db4d062]::-webkit-scrollbar {
	display: none
}

.nav-item[data-v-4db4d062] {
	display: flex;
	align-items: center;
	gap: 6px;
	padding: 8px 14px;
	cursor: pointer;
	color: #666;
	border-radius: 4px;
	transition: background .15s, color .15s;
	white-space: nowrap;
	flex-shrink: 0
}

.nav-item[data-v-4db4d062]:hover {
	background: #f5f5f5;
	color: #333
}

.nav-item.active[data-v-4db4d062] {
	background: #111;
	color: #fff
}

.nav-icon[data-v-4db4d062] {
	width: 16px;
	height: 16px;
	opacity: .7
}

.nav-item.active .nav-icon[data-v-4db4d062] {
	opacity: 1
}

.nav-label[data-v-4db4d062] {
	font-size: 13px;
	font-weight: 400
}

.topbar-right[data-v-4db4d062] {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-left: 24px;
	flex-shrink: 0
}

.avatar[data-v-4db4d062] {
	width: 32px;
	height: 32px;
	background: #111;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 12px;
	font-weight: 500;
	color: #fff
}

.logout-btn[data-v-4db4d062] {
	padding: 6px 12px;
	background: none;
	border: 1px solid #ddd;
	color: #999;
	border-radius: 4px;
	cursor: pointer;
	font-size: 12px;
	display: flex;
	align-items: center;
	gap: 4px;
	transition: all .15s
}

.logout-btn[data-v-4db4d062]:hover {
	border-color: #111;
	color: #111
}

.menu-toggle[data-v-4db4d062] {
	display: none;
	background: none;
	border: 1px solid #ddd;
	padding: 6px;
	cursor: pointer;
	color: #333;
	border-radius: 4px;
	margin-left: auto;
	flex-shrink: 0
}

.menu-toggle[data-v-4db4d062]:hover {
	border-color: #111
}

.mobile-menu[data-v-4db4d062],
.mobile-overlay[data-v-4db4d062] {
	display: none
}

.main-content[data-v-4db4d062] {
	flex: 1;
	display: flex;
	flex-direction: column;
	overflow: hidden;
	min-width: 0
}

.content-body[data-v-4db4d062] {
	flex: 1;
	padding: 24px 32px;
	overflow-y: auto;
	background: #f5f5f5
}

.content-body[data-v-4db4d062]::-webkit-scrollbar {
	width: 6px
}

.content-body[data-v-4db4d062]::-webkit-scrollbar-track {
	background: transparent
}

.content-body[data-v-4db4d062]::-webkit-scrollbar-thumb {
	background: #ddd;
	border-radius: 3px
}

.content-body[data-v-4db4d062]::-webkit-scrollbar-thumb:hover {
	background: #bbb
}

@media screen and (max-width:768px) {
	.topbar[data-v-4db4d062] {
		height: 48px;
		padding: 0 16px
	}

	.topbar-nav[data-v-4db4d062],
	.topbar-right[data-v-4db4d062] {
		display: none
	}

	.menu-toggle[data-v-4db4d062] {
		display: flex
	}

	.mobile-overlay[data-v-4db4d062] {
		display: block;
		position: fixed;
		inset: 0;
		background: rgba(0, 0, 0, .4);
		z-index: 998
	}

	.mobile-menu[data-v-4db4d062] {
		display: block;
		position: fixed;
		top: 48px;
		left: 0;
		right: 0;
		background: #fff;
		border-bottom: 1px solid #e8e8e8;
		z-index: 999;
		padding: 8px 0;
		transform: translateY(-100%);
		opacity: 0;
		pointer-events: none;
		transition: transform .2s ease, opacity .2s ease
	}

	.mobile-menu.open[data-v-4db4d062] {
		transform: translateY(0);
		opacity: 1;
		pointer-events: auto
	}

	.mobile-menu-item[data-v-4db4d062] {
		display: flex;
		align-items: center;
		gap: 10px;
		padding: 12px 20px;
		color: #666;
		cursor: pointer;
		font-size: 14px;
		transition: background .15s
	}

	.mobile-menu-item[data-v-4db4d062]:hover {
		background: #f5f5f5
	}

	.mobile-menu-item.active[data-v-4db4d062] {
		background: #111;
		color: #fff
	}

	.mobile-menu-item .nav-icon[data-v-4db4d062] {
		width: 18px;
		height: 18px
	}

	.mobile-menu-footer[data-v-4db4d062] {
		padding: 12px 20px;
		border-top: 1px solid #e8e8e8;
		margin-top: 4px
	}

	.content-body[data-v-4db4d062] {
		padding: 16px
	}
}

.page-wrapper[data-v-fa2b0e12] {
	height: 100vh;
	height: 100dvh;
	display: flex;
	flex-direction: column;
	box-sizing: border-box;
	background-color: #f5f5f5;
	overflow: hidden;
	position: relative
}

.main-content[data-v-fa2b0e12] {
	flex: 1;
	width: 100%;
	background: 
  radial-gradient(circle at 10% 20%, rgba(255, 200, 200, 0.6) 0%, transparent 20%),
  radial-gradient(circle at 90% 30%, rgba(200, 255, 200, 0.5) 0%, transparent 20%),
  radial-gradient(circle at 50% 80%, rgba(200, 200, 255, 0.6) 0%, transparent 25%),
  radial-gradient(circle at 20% 70%, rgba(255, 255, 200, 0.5) 0%, transparent 20%),
  radial-gradient(circle at 80% 10%, rgba(255, 200, 255, 0.5) 0%, transparent 20%),
  linear-gradient(to bottom, #e3f2fd, #f5fdff);

	overflow-y: auto;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
	padding-bottom: 70px
}

.chat-content[data-v-fa2b0e12] {
	height: 100%;
	overflow: visible
}

.content[data-v-fa2b0e12] {
	padding: 20px 16px
}

.page-title[data-v-fa2b0e12] {
	font-size: 28px;
	font-weight: 800;
	color: #333;
	margin-bottom: 20px;
	letter-spacing: 2px
}

.info-card[data-v-fa2b0e12] {
	background: #fff;
	border-radius: 12px;
	padding: 0;
	margin-bottom: 16px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, .04);
	overflow: hidden
}

.info-row[data-v-fa2b0e12] {
	display: flex;
	align-items: center;
	padding: 16px;
	border-bottom: 1px solid #f0f0f0;
	transition: background-color .18s ease
}

.info-row[data-v-fa2b0e12]:last-child {
	border-bottom: none
}

.info-row[style*=cursor][data-v-fa2b0e12]:active {
	background-color: #f7f7f7
}

.info-row .arrow[data-v-fa2b0e12] {
	transition: transform .2s ease
}

.info-row:active .arrow[data-v-fa2b0e12] {
	transform: translateX(2px)
}

.info-label[data-v-fa2b0e12] {
	font-size: 15px;
	color: #666;
	width: 50px
}

.info-value[data-v-fa2b0e12] {
	font-size: 15px;
	color: #333;
	flex: 1
}

.refresh-hint[data-v-fa2b0e12] {
	font-size: 11px;
	color: #999;
	margin-right: 8px
}

.admin-badge[data-v-fa2b0e12] {
	background: linear-gradient(90deg, #f5a623, #f7b733)
}

.admin-badge[data-v-fa2b0e12],
.guest-badge[data-v-fa2b0e12] {
	font-size: 11px;
	color: #fff;
	padding: 3px 8px;
	border-radius: 4px;
	margin-right: 8px
}

.guest-badge[data-v-fa2b0e12] {
	background: linear-gradient(90deg, #8e8e93, #a0a0a5)
}

.expire-days[data-v-fa2b0e12] {
	font-size: 14px;
	padding: 2px 10px;
	border-radius: 4px;
	margin-right: 8px
}

.expire-normal[data-v-fa2b0e12] {
	color: #4caf50;
	background: #e8f5e9
}

.expire-warning[data-v-fa2b0e12] {
	color: #ff9800;
	background: #fff3e0
}

.expire-critical[data-v-fa2b0e12] {
	color: #ff5722;
	background: #fbe9e7
}

.expire-expired[data-v-fa2b0e12] {
	color: #f44336;
	background: #ffebee
}

.arrow[data-v-fa2b0e12] {
	font-size: 20px;
	color: #ccc
}

.tg-notice[data-v-fa2b0e12] {
	background: #fff;
	border-radius: 12px;
	padding: 16px;
	margin-bottom: 20px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, .04)
}

.tg-title[data-v-fa2b0e12] {
	font-size: 15px;
	font-weight: 600;
	color: #d4a017;
	margin-bottom: 8px
}

.tg-desc[data-v-fa2b0e12] {
	font-size: 13px;
	color: #666;
	line-height: 1.5
}

.feature-grid[data-v-fa2b0e12] {
	display: flex;
	flex-wrap: wrap;
	gap: 16px
}

.feature-item[data-v-fa2b0e12] {
	width: calc(50% - 8px);
	height: 72px;
	background: #fff;
	border-radius: 12px;
	padding: 0 18px;
	display: flex;
	align-items: center;
	box-shadow: 0 2px 8px rgba(0, 0, 0, .06);
	cursor: pointer;
	box-sizing: border-box;
	transition: transform .2s cubic-bezier(.2, 0, 0, 1), box-shadow .2s ease, background .15s ease
}

.feature-item[data-v-fa2b0e12]:hover {
	background: #fafafa
}

.feature-item[data-v-fa2b0e12]:active {
	transform: scale(.97);
	box-shadow: 0 1px 4px rgba(0, 0, 0, .04)
}

.feature-icon[data-v-fa2b0e12] {
	width: 24px;
	height: 24px;
	margin-right: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0
}

.feature-text[data-v-fa2b0e12] {
	font-size: 15px;
	color: #333
}

.disabled-feature[data-v-fa2b0e12] {
	opacity: .5
}

.custom-tabbar[data-v-fa2b0e12] {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	height: calc(56px + env(safe-area-inset-bottom, 0px));
	padding-bottom: env(safe-area-inset-bottom, 0);
	background: #fff;
	backdrop-filter: saturate(180%) blur(30px);
	-webkit-backdrop-filter: saturate(180%) blur(30px);
	border-top: 1px solid hsla(0, 0%, 100%, .3);
	box-shadow: 0 -2px 10px rgba(0, 0, 0, .05);
	display: flex;
	justify-content: space-around;
	align-items: center;
	z-index: 10
}

.custom-tabbar .tab-item[data-v-fa2b0e12] {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	flex: 1;
	padding: 4px 0;
	transition: opacity .15s ease
}

.custom-tabbar .tab-item[data-v-fa2b0e12]:active {
	opacity: .6
}

.custom-tabbar .tab-text[data-v-fa2b0e12] {
	margin-top: 3px;
	font-size: 12px;
	color: #707070
}

.custom-tabbar .tab-item.active .tab-text[data-v-fa2b0e12] {
	color: #007aff
}

.custom-tabbar .tab-item.disabled[data-v-fa2b0e12] {
	opacity: .5;
	cursor: not-allowed
}

.slide-left-enter-active[data-v-fa2b0e12],
.slide-left-leave-active[data-v-fa2b0e12],
.slide-right-enter-active[data-v-fa2b0e12],
.slide-right-leave-active[data-v-fa2b0e12] {
	transition: transform .3s cubic-bezier(.4, 0, .2, 1);
	width: 100%
}

.slide-left-leave-active[data-v-fa2b0e12],
.slide-right-leave-active[data-v-fa2b0e12] {
	position: absolute;
	top: 0;
	left: 0;
	right: 0
}

.slide-left-enter-from[data-v-fa2b0e12] {
	transform: translateX(100%)
}

.slide-left-enter-to[data-v-fa2b0e12],
.slide-left-leave-from[data-v-fa2b0e12] {
	transform: translateX(0)
}

.slide-left-leave-to[data-v-fa2b0e12],
.slide-right-enter-from[data-v-fa2b0e12] {
	transform: translateX(-100%)
}

.slide-right-enter-to[data-v-fa2b0e12],
.slide-right-leave-from[data-v-fa2b0e12] {
	transform: translateX(0)
}

.slide-right-leave-to[data-v-fa2b0e12] {
	transform: translateX(100%)
}

.share-page-overlay[data-v-fa2b0e12] {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 999;
	background: #fff
}

.new-user-toast[data-v-fa2b0e12] {
	position: fixed;
	top: 10px;
	left: 10px;
	right: 10px;
	background: #4caf50;
	border-radius: 8px;
	padding: 12px 16px;
	display: flex;
	align-items: center;
	z-index: 99999;
	box-shadow: 0 4px 12px rgba(0, 0, 0, .15);
	cursor: pointer;
	will-change: transform, opacity;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden
}

.toast-icon[data-v-fa2b0e12] {
	width: 24px;
	height: 24px;
	background: #fff;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 12px;
	flex-shrink: 0
}

.toast-text[data-v-fa2b0e12] {
	flex: 1;
	color: #fff;
	font-size: 15px;
	font-weight: 500
}

.toast-close[data-v-fa2b0e12] {
	width: 24px;
	height: 24px;
	background: transparent;
	border: none;
	color: #fff;
	font-size: 20px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: .8;
	flex-shrink: 0
}

.toast-close[data-v-fa2b0e12]:hover {
	opacity: 1
}

.toast-close[data-v-fa2b0e12]:active {
	transform: scale(.85)
}

.slide-down-enter-active[data-v-fa2b0e12],
.slide-down-leave-active[data-v-fa2b0e12] {
	transition: transform .3s ease, opacity .3s ease
}

.slide-down-enter-from[data-v-fa2b0e12] {
	transform: translateY(-100%) translateZ(0);
	opacity: 0
}

.slide-down-enter-to[data-v-fa2b0e12],
.slide-down-leave-from[data-v-fa2b0e12] {
	transform: translateY(0) translateZ(0);
	opacity: 1
}

.slide-down-leave-to[data-v-fa2b0e12] {
	transform: translateY(-100%) translateZ(0);
	opacity: 0
}

.management-page[data-v-fa2b0e12] {
	display: flex;
	flex-direction: column;
	height: 100%;
	width: 100%;
	background: #f5f5f5
}

.management-header[data-v-fa2b0e12] {
	display: flex;
	align-items: center;
	padding: 12px 16px;
	background: #fff;
	border-bottom: 1px solid #eee;
	position: sticky;
	top: 0;
	z-index: 10;
	flex-shrink: 0
}

.back-btn[data-v-fa2b0e12] {
	background: none;
	border: none;
	font-size: 16px;
	color: #007aff;
	cursor: pointer;
	padding: 4px 8px;
	margin-right: 12px
}

.header-title[data-v-fa2b0e12] {
	font-size: 17px;
	font-weight: 600;
	color: #333
}

.management-content[data-v-fa2b0e12] {
	flex: 1;
	overflow-y: auto;
	padding: 16px;
	-webkit-overflow-scrolling: touch;
	min-height: 0
}

[data-v-c41ff6cc] {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif;
	-webkit-tap-highlight-color: transparent
}

body[data-v-c41ff6cc],
html[data-v-c41ff6cc] {
	height: 100%;
	width: 100%;
	overflow: hidden;
	position: fixed;
	touch-action: manipulation;
	-webkit-overflow-scrolling: touch;
	touch-action: pan-x pan-y
}

#app[data-v-c41ff6cc] {
	height: 100vh;
	height: var(--app-height, 100dvh);
	display: flex;
	flex-direction: column;
	background: #f5f5f5;
	overflow: hidden;
	position: fixed;
	top: 0;
	left: 0;
	right: 0
}

.chat-container[data-v-c41ff6cc] {
	background: #f7f7f7;
	flex: 1;
	display: flex;
	flex-direction: column;
	overflow: hidden
}

.messages-container[data-v-c41ff6cc] {
	flex: 1;
	overflow-y: auto;
	display: flex;
	flex-direction: column;
	padding: 12px;
	background: #f7f7f7
}

.welcome-message[data-v-c41ff6cc] {
	display: flex;
	flex-direction: column;
	color: #8e8e8e;
	font-size: 13px;
	align-items: center;
	margin-bottom: 18px;
	border-radius: 8px;
	padding: 12px;
	text-align: center
}

.message[data-v-c41ff6cc] {
	display: flex;
	margin-bottom: 16px
}

.message.agent[data-v-c41ff6cc] {
	align-items: flex-start
}

.message.customer[data-v-c41ff6cc] {
	flex-direction: row-reverse;
	align-items: flex-end
}

.avatar[data-v-c41ff6cc] {
	min-height: 36px;
	min-width: 36px;
	max-width: 36px;
	max-height: 36px;
	border-radius: 0;
	overflow: hidden;
	flex-shrink: 0
}

.avatar img[data-v-c41ff6cc] {
	height: 100%;
	width: 100%
}

.message-content[data-v-c41ff6cc] {
	width: 100%;
	box-sizing: border-box;
	display: flex;
	flex-direction: column
}

.message.agent .message-content[data-v-c41ff6cc] {
	margin-left: 3px;
	align-items: flex-start
}

.message.customer .message-content[data-v-c41ff6cc] {
	margin-right: 3px;
	align-items: flex-end
}

.sender-name[data-v-c41ff6cc] {
	color: #8e8e8e;
	font-size: 12px;
	margin-left: 1px;
	margin-bottom: 4px
}

.message-bubble[data-v-c41ff6cc] {
	padding: 10px;
	background: #fff;
	border-radius: 12px;
	width: -moz-fit-content;
	width: fit-content;
	overflow: hidden;
	word-break: break-word;
	overflow-wrap: break-word;
	white-space: pre-wrap;
	letter-spacing: .5px;
	-moz-user-select: auto;
	user-select: auto;
	font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji, sans-serif;
	-webkit-user-select: auto;
	font-size: 15px;
	max-width: 70%
}

.message-bubble.customer[data-v-c41ff6cc] {
	background: #fbe440
}

.payment-card[data-v-c41ff6cc] {
	display: flex;
	flex-direction: column;
	background: #fff;
	padding: 10px 12px;
	border-radius: 12px;
	gap: 12px;
	width: 100%;
	max-width: 240px
}

.payment-card-header[data-v-c41ff6cc] {
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 14px;
	font-weight: 500;
	color: #333
}

.payment-card-header img[data-v-c41ff6cc] {
	height: 20px
}

.payment-card-order[data-v-c41ff6cc] {
	font-size: 13px;
	color: #666
}

.payment-card-btn[data-v-c41ff6cc] {
	background: #fbe440;
	color: #000;
	text-align: center;
	padding: 8px 0;
	border-radius: 6px;
	font-size: 14px;
	cursor: pointer
}

.order-card-msg[data-v-c41ff6cc] {
	background: #fff;
	border-radius: 12px;
	overflow: hidden;
	max-width: 260px
}

.order-card-inner[data-v-c41ff6cc] {
	display: flex;
	font-size: .875rem;
	padding: .75rem;
	min-height: 96px
}

.order-card-img[data-v-c41ff6cc] {
	width: 80px;
	height: 80px;
	border-radius: 6px;
	-o-object-fit: cover;
	object-fit: cover;
	flex-shrink: 0;
	margin-right: 10px
}

.order-card-body[data-v-c41ff6cc] {
	display: flex;
	flex-direction: column;
	flex: 1;
	min-width: 0
}

.order-card-detail[data-v-c41ff6cc] {
	display: flex;
	flex: 1
}

.order-card-name[data-v-c41ff6cc] {
	flex: 1;
	font-size: .875rem;
	font-weight: 400;
	color: #111;
	margin: 0;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 1.4
}

.order-card-price-wrap[data-v-c41ff6cc] {
	flex-shrink: 0;
	text-align: right;
	margin-left: 8px
}

.order-card-currency[data-v-c41ff6cc] {
	font-size: .75rem;
	color: #111
}

.order-card-price[data-v-c41ff6cc] {
	font-size: 1rem;
	font-weight: 600;
	color: #111
}

.order-card-count[data-v-c41ff6cc] {
	display: block;
	font-size: .75rem;
	color: #999;
	margin-top: 2px
}

.order-card-status[data-v-c41ff6cc] {
	font-size: .75rem;
	color: #ff5000;
	margin-top: auto
}

.link-card-msg[data-v-c41ff6cc] {
	background: #fff;
	border-radius: 12px;
	overflow: hidden;
	max-width: 260px
}

.link-card-inner[data-v-c41ff6cc] {
	padding: .75rem
}

.link-card-title[data-v-c41ff6cc] {
	font-size: .875rem;
	font-weight: 500;
	color: #111;
	margin: 0 0 10px 0;
	line-height: 1.4;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis
}

.link-card-btn[data-v-c41ff6cc] {
	display: block;
	width: 100%;
	padding: 8px 0;
	text-align: center;
	background: #007aff;
	color: #fff;
	font-size: .8125rem;
	font-weight: 500;
	border-radius: 6px;
	cursor: pointer;
	transition: opacity .2s
}

.link-card-btn[data-v-c41ff6cc]:active,
.payment-card-btn[data-v-c41ff6cc]:active {
	opacity: .8
}

.special-message[data-v-c41ff6cc] {
	background: #fff;
	border-radius: 8px;
	padding: 10px 12px;
	padding-bottom: 0;
	font-size: 15px
}

.order-button[data-v-c41ff6cc] {
	background: #fbe440;
	text-align: center;
	border-radius: 24px;
	padding: 7px 0;
	font-size: 14px;
	margin-top: 12px;
	font-weight: 700;
	margin-bottom: 12px;
	cursor: pointer
}

.quick-question[data-v-c41ff6cc] {
	padding: 12px 0;
	font-size: 13.5px;
	border-top: .5px solid #dbdbdb;
	position: relative;
	cursor: pointer
}

.quick-question[data-v-c41ff6cc]:after {
	content: "";
	display: block;
	position: absolute;
	right: 2px;
	top: 50%;
	transform: translateY(-50%);
	width: 12px;
	height: 12px;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 18 6-6-6-6'/%3E%3C/svg%3E");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: 50%
}

.highlight-text[data-v-c41ff6cc] {
	text-decoration: underline;
	text-decoration-color: #fbe440;
	text-decoration-thickness: 6px;
	text-underline-offset: -1.5px;
	font-weight: 700
}

.input-area[data-v-c41ff6cc] {
	background: #f5f5f5;
	padding: 8px;
	border-top: 1px solid #e0e0e0;
	flex-shrink: 0
}

.quick-replies[data-v-c41ff6cc] {
	width: 100%;
	padding: 10px 8px;
	font-size: .85rem
}

.quick-replies-container[data-v-c41ff6cc] {
	display: flex;
	gap: 8px;
	word-break: keep-all;
	overflow-x: auto
}

.quick-reply[data-v-c41ff6cc] {
	padding: 7px 16px;
	border-radius: 16px;
	background-color: #fff;
	font-size: 12px;
	color: #666;
	white-space: nowrap;
	cursor: pointer;
	border: 1px solid #e0e0e0
}

.quick-reply.active[data-v-c41ff6cc] {
	border: 1px solid #ffe60d
}

.input-row[data-v-c41ff6cc] {
	display: flex;
	align-items: center;
	padding: 6px 8px;
	box-sizing: border-box;
	gap: 8px
}

.message-input[data-v-c41ff6cc] {
	font-size: 16px;
	border: none;
	border-radius: 8px;
	font-family: inherit;
	padding: 8px 12px;
	width: 100%;
	box-sizing: border-box;
	background: #fff;
	flex: 1;
	-webkit-text-size-adjust: 100%;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none
}

.message-input[data-v-c41ff6cc]:focus {
	outline: none;
	font-size: 16px
}

.upload-button[data-v-c41ff6cc] {
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	color: #666;
	flex-shrink: 0
}

.upload-icon[data-v-c41ff6cc] {
	width: 32px;
	height: 32px
}

.send-button[data-v-c41ff6cc] {
	word-break: keep-all;
	padding: 8px 16px;
	background: #ffe60d;
	border: none;
	border-radius: 18px;
	font-size: 14px;
	color: #2d2d2d;
	font-family: inherit;
	cursor: pointer;
	white-space: nowrap;
	flex-shrink: 0
}

.send-button[data-v-c41ff6cc]:disabled {
	background: #ccc;
	color: #666;
	cursor: not-allowed
}

.upload-button.uploading[data-v-c41ff6cc] {
	opacity: .6;
	cursor: not-allowed
}

.upload-spinner[data-v-c41ff6cc] {
	width: 20px;
	height: 20px;
	border: 2px solid #ddd;
	border-top-color: #666;
	border-radius: 50%;
	animation: spin-c41ff6cc .8s linear infinite
}

@keyframes spin-c41ff6cc {
	to {
		transform: rotate(1turn)
	}
}

.message-image[data-v-c41ff6cc] {
	max-width: 200px;
	max-height: 200px;
	min-width: 100px;
	min-height: 100px;
	background-color: #f0f0f0;
	border-radius: 12px;
	cursor: pointer;
	-o-object-fit: cover;
	object-fit: cover;
	border: 1px solid #e0e0e0
}

.message-image.customer-image[data-v-c41ff6cc] {
	border-color: #fbe440
}

.error-container[data-v-c41ff6cc] {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	height: 100vh;
	height: 100dvh;
	background: #f5f5f5;
	padding: 20px;
	text-align: center
}

.error-icon[data-v-c41ff6cc] {
	font-size: 64px;
	margin-bottom: 20px
}

.error-title[data-v-c41ff6cc] {
	font-size: 24px;
	font-weight: 700;
	color: #333;
	margin-bottom: 12px
}

.error-message[data-v-c41ff6cc] {
	font-size: 16px;
	color: #666;
	margin-bottom: 8px
}

.error-hint[data-v-c41ff6cc] {
	font-size: 14px;
	color: #999;
	max-width: 280px;
	line-height: 1.5
}

.loading-container[data-v-c41ff6cc] {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	height: 100vh;
	height: 100dvh;
	background: #f5f5f5
}

.loading-spinner[data-v-c41ff6cc] {
	width: 40px;
	height: 40px;
	border: 3px solid #e0e0e0;
	border-top-color: #fbe440;
	border-radius: 50%;
	animation: spin-c41ff6cc .8s linear infinite;
	margin-bottom: 16px
}

.loading-text[data-v-c41ff6cc] {
	font-size: 14px;
	color: #666
}

.order-popup-overlay[data-v-c41ff6cc] {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, .5);
	z-index: 1000;
	display: flex;
	align-items: flex-end;
	justify-content: center
}

.order-popup[data-v-c41ff6cc] {
	background: #fff;
	border-radius: 16px 16px 0 0;
	width: 100%;
	max-height: 80vh;
	display: flex;
	flex-direction: column;
	animation: slideUp-c41ff6cc .3s ease
}

@keyframes slideUp-c41ff6cc {
	0% {
		transform: translateY(100%)
	}

	to {
		transform: translateY(0)
	}
}

.popup-header[data-v-c41ff6cc] {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 16px 20px;
	border-bottom: 1px solid #f0f0f0
}

.popup-title[data-v-c41ff6cc] {
	font-size: 16px;
	font-weight: 600;
	color: #333;
	margin: 0
}

.popup-close[data-v-c41ff6cc] {
	background: none;
	border: none;
	padding: 4px;
	cursor: pointer;
	color: #999;
	display: flex;
	align-items: center;
	justify-content: center
}

.popup-body[data-v-c41ff6cc] {
	flex: 1;
	overflow-y: auto;
	padding: 0
}

.order-tabs[data-v-c41ff6cc] {
	display: flex;
	border-bottom: 1px solid #f0f0f0;
	padding: 0 16px;
	gap: 0
}

.tab-btn[data-v-c41ff6cc] {
	padding: 12px 16px;
	background: none;
	border: none;
	border-bottom: 2px solid transparent;
	font-size: 14px;
	color: #666;
	cursor: pointer;
	white-space: nowrap
}

.tab-btn.active[data-v-c41ff6cc] {
	color: #111;
	font-weight: 600;
	border-bottom-color: #111
}

.order-search[data-v-c41ff6cc] {
	display: flex;
	align-items: center;
	padding: 10px 16px;
	gap: 8px;
	border-bottom: 1px solid #f0f0f0
}

.search-icon[data-v-c41ff6cc] {
	color: #999;
	flex-shrink: 0
}

.search-input[data-v-c41ff6cc] {
	flex: 1;
	border: none;
	background: transparent;
	padding: 4px 0;
	font-size: 14px;
	outline: none;
	color: #333
}

.search-input[data-v-c41ff6cc]::-moz-placeholder {
	color: #ccc
}

.search-input[data-v-c41ff6cc]::placeholder {
	color: #ccc
}

.order-list[data-v-c41ff6cc] {
	max-height: 50vh;
	overflow-y: auto;
	padding: 0 6px;
	background: #f5f5f5
}

.order-card[data-v-c41ff6cc] {
	background: #fff;
	border-radius: 12px;
	margin: 8px 0;
	overflow: hidden
}

.order-header[data-v-c41ff6cc] {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 12px 12px 0
}

.order-header-left[data-v-c41ff6cc] {
	display: flex;
	align-items: center;
	gap: 8px;
	min-width: 0;
	flex: 1
}

.order-logo[data-v-c41ff6cc] {
	width: 20px;
	height: 18px;
	flex-shrink: 0
}

.order-logo img[data-v-c41ff6cc] {
	width: 100%;
	height: 100%;
	-o-object-fit: contain;
	object-fit: contain
}

.order-name[data-v-c41ff6cc] {
	font-size: 14px;
	color: #111;
	font-weight: 500;
	margin: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.order-status[data-v-c41ff6cc] {
	font-size: 12px;
	color: #ff5000;
	flex-shrink: 0;
	margin-left: 8px
}

.order-body[data-v-c41ff6cc] {
	display: flex;
	padding: 10px 12px 12px;
	gap: 10px
}

.order-img[data-v-c41ff6cc] {
	width: 64px;
	height: 64px;
	border-radius: 6px;
	-o-object-fit: cover;
	object-fit: cover;
	flex-shrink: 0
}

.order-body-right[data-v-c41ff6cc] {
	flex: 1;
	min-width: 0;
	display: flex;
	flex-direction: column
}

.order-detail[data-v-c41ff6cc] {
	display: flex;
	gap: 8px
}

.order-info[data-v-c41ff6cc] {
	flex: 1;
	min-width: 0
}

.order-title[data-v-c41ff6cc] {
	font-size: 14px;
	color: #111;
	margin: 0;
	font-weight: 400;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	line-height: 1.4
}

.order-aside[data-v-c41ff6cc] {
	flex-shrink: 0;
	text-align: right
}

.order-price[data-v-c41ff6cc] {
	color: #111;
	font-weight: 500;
	white-space: nowrap
}

.price-currency[data-v-c41ff6cc] {
	font-size: 12px
}

.price-value[data-v-c41ff6cc] {
	font-size: 15px;
	font-weight: 600
}

.order-count[data-v-c41ff6cc] {
	font-size: 12px;
	color: #999;
	margin-top: 2px
}

.order-actions[data-v-c41ff6cc] {
	display: flex;
	justify-content: flex-end;
	margin-top: 6px
}

.order-send-btn[data-v-c41ff6cc] {
	background: #ff5000;
	border: none;
	padding: 6px 20px;
	border-radius: 16px;
	font-size: 13px;
	color: #fff;
	cursor: pointer;
	font-weight: 500
}

.order-empty[data-v-c41ff6cc] {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 40px 20px
}

.empty-img[data-v-c41ff6cc] {
	width: 120px;
	height: 100px;
	margin-bottom: 12px
}

.empty-tip[data-v-c41ff6cc] {
	font-size: 14px;
	color: #999;
	margin: 0
}

.popup-footer[data-v-c41ff6cc] {
	padding: 12px 20px;
	border-top: 1px solid #f0f0f0
}

.no-order-btn[data-v-c41ff6cc] {
	width: 100%;
	padding: 14px;
	background: #f5f5f5;
	border: none;
	border-radius: 24px;
	font-size: 16px;
	color: #333;
	cursor: pointer
}

.fade-enter-active[data-v-c41ff6cc] {
	transition: opacity .5s ease-out
}

.fade-enter-from[data-v-c41ff6cc] {
	opacity: 0
}

.image-preview-modal[data-v-c41ff6cc] {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, .9);
	display: none;
	align-items: center;
	justify-content: center;
	z-index: 9999
}

.image-preview-modal.active[data-v-c41ff6cc] {
	display: flex
}

.image-preview-content[data-v-c41ff6cc] {
	max-width: 90%;
	max-height: 90%;
	-o-object-fit: contain;
	object-fit: contain
}

div[data-v-app] {
	min-height: 100vh;
	background: #f3f5f9 !important
}

.im-message-con {
	background: #f3f5f9 !important;
	padding-bottom: calc(130px + env(safe-area-inset-bottom)) !important
}

.kefu-dynamic-messages {
	padding: 8px 0 calc(120px + env(safe-area-inset-bottom))
}

.kefu-msg-row {
	margin: 12px 0
}

.x--app-ic .content .talk-body {
	padding: 12px;
	background-color: #fff;
	flex: none;
	word-break: break-all;
	white-space: pre-wrap;
	overflow-wrap: anywhere;
	display: inline-block;
	color: var(--k-color-text-black, #1f2937);
	border-radius: 12px 12px 12px 4px
}

.x--app-ic .content.self .question-body,
.x--app-ic .content.self .talk-body {
	border-radius: 12px 4px 12px 12px;
	background: var(--k-theme-bg-10, #ffe8f3);
	color: var(--k-color-theme, #f03a7a)
}

.x--app-ic .talk-body {
	max-width: calc(100vw - 134px)
}

.kefu-msg-row.other {
	align-items: flex-start
}

.kefu-msg-main,
.kefu-msg-row.self {
	align-items: flex-end
}

.kefu-msg-main {
	display: flex;
	gap: 10px
}

.kefu-msg-main.self {
	flex-direction: row-reverse
}

.title-logo {
	position: relative !important
}

.title-logo .pop-question[data-v-09f2d7d3] {
	z-index: 100;
	background: #fff;
	border-radius: 8px;
	min-width: 90px;
	padding-bottom: 15px;
	position: absolute !important;
	bottom: 38px
}

.kjs-msg-image {
	max-width: 200px;
	border-radius: 8px;
	display: block;
	cursor: pointer
}

@media (max-width:768px) {
	.kefu-msg-row {
		margin: 14px 0
	}

	.x--app-ic .talk-body {
		max-width: calc(100vw - 146px)
	}
}

:root {
	--brand-1: #ff483c;
	--brand-2: #ff483c;
	--brand-3: #fff;
	--white: #fff;
	--gray-1: #1f1f1f;
	--gray-2: #6e6e6e;
	--gray-3: #999;
	--gray-5: #ddd;
	--gray-6: #eee;
	--gray-7: #f5f5f5;
	--gray-8: #f7f7f7;
	--light-1: #fff;
	--light-2: #f7f7f7;
	--gutter: 12px;
	--font-size-xs: 12px;
	--font-size-sm: 13px;
	--font-size-md: 14px
}

.theme-小蜜通用皮肤1 {
	font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif
}

#root,
.theme-小蜜通用皮肤1 {
	width: 100%;
	height: 100%
}

.ChatApp {
	display: flex;
	flex-direction: column;
	height: 100vh;
	height: var(--app-height, 100dvh);
	background-color: #f7f7f7
}

.xy-personalise-header {
	background-color: #f7f7f7;
	flex-shrink: 0
}

.xy-personalise-header-normal {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-end;
	height: 110px;
	padding-bottom: 24px;
	color: #999;
	font-size: 13px
}

.xy-personalise-header-normal p {
	margin: 2px 0
}

.MessageContainer {
	flex: 1;
	overflow-y: auto;
	background-color: #f7f7f7
}

.MessageList {
	padding: 10px
}

.xy-first-screen-prediction {
	background: #fff;
	padding-left: 10px;
	padding-right: 10px;
	border-radius: 10px
}

.xy-first-screen-prediction .CardContent {
	padding: 0
}

.xy-first-screen-prediction .common-container {
	margin-top: 5px
}

.xy-first-screen-prediction .common-container:first-of-type {
	margin-top: 10px
}

.xy-first-screen-prediction .ActionContainer {
	margin-bottom: 8px;
	padding: 0
}

.xy-first-screen-prediction .predictions-container {
	border-top: 1px solid rgba(0, 0, 0, .06);
	height: 44px;
	line-height: 44px;
	cursor: pointer
}

.xy-first-screen-prediction .predictions-content {
	height: 100%
}

.xy-first-screen-prediction .predictions-text {
	color: #1f1f1f;
	font-size: .875rem;
	font-weight: 400
}

.RichText {
	font-size: 14px;
	line-height: 1.6;
	color: #333
}

.RichText .underline {
	background: linear-gradient(to bottom, transparent 70%, var(--brand-1) 30%)
}

.RichText em {
	color: var(--brand-1);
	font-style: normal
}

.RichText p {
	margin: 0 0 8px
}

.RichText p:last-child {
	margin-bottom: 0
}

.Flex {
	display: flex
}

.Flex--d-c {
	flex-direction: column
}

.Flex--jc-sb {
	justify-content: space-between
}

.Flex--ai-c,
.Flex--center {
	align-items: center
}

.Flex--center {
	justify-content: center
}

.FlexItem {
	flex: 1;
	min-width: 0
}

.Btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 8px 16px;
	border: 1px solid #ddd;
	border-radius: 20px;
	background: #fff;
	font-size: 14px;
	cursor: pointer
}

.Btn--primary {
	background: #ff483c;
	color: #fff;
	border-color: #ff483c
}

.Btn--lg {
	padding: 12px 20px
}

.Btn--sm {
	padding: 4px 12px;
	font-size: 12px
}

.Btn--block {
	width: 100%
}

.IconBtn {
	padding: 8px;
	border: none;
	background: transparent
}

.Icon {
	width: 24px;
	height: 24px;
	fill: currentColor
}

.ChatFooter {
	background: #f7f7f7;
	flex-shrink: 0
}

.QuickReplies {
	padding: 8px 12px;
	overflow-x: auto
}

.ScrollView-scroller {
	display: inline-flex
}

.ScrollView-inner {
	display: flex;
	gap: 8px
}

.QuickReply {
	display: inline-flex !important;
	align-items: center !important;
	padding: 6px 12px !important;
	border: 1px solid #ddd !important;
	border-radius: 16px !important;
	background: #fff !important;
	font-size: 13px !important;
	cursor: pointer !important;
	white-space: nowrap !important
}

.QuickReply.highlight {
	background: #ff483c !important;
	color: #fff !important;
	border-color: #ff483c !important
}

.QuickReply.highlight .QuickReply-inner span,
.QuickReply.highlight span {
	color: #fff !important
}

.QuickReply .QuickReply-inner span,
.QuickReply span {
	color: #333 !important;
	font-size: 13px !important
}

.QuickReply-inner {
	display: flex !important;
	align-items: center !important;
	gap: 4px !important
}

.QuickReply-inner span {
	display: inline-block !important;
	visibility: visible !important;
	opacity: 1 !important
}

.QuickReply-inner {
	display: flex;
	align-items: center;
	gap: 4px
}

.Composer {
	display: flex;
	align-items: flex-end;
	padding: 8px 12px;
	gap: 8px;
	background: #f7f9f9
}

.Composer-inputWrap {
	flex: 1
}

.Composer-input {
	width: 100%;
	padding: 8px 12px;
	border: none;
	border-radius: 18px;
	background: #fff;
	font-size: 14px;
	resize: none;
	outline: none;
	box-sizing: border-box
}

.Composer-actions {
	flex-shrink: 0
}

.Composer-toggleBtn {
	color: #999
}

.Composer-toggleBtn.active {
	transform: rotate(45deg)
}

.Composer-sendBtn {
	background: #ff483c;
	color: #fff;
	border: none;
	border-radius: 18px;
	padding: 8px 16px;
	cursor: pointer
}

.Toolbar {
	display: flex;
	padding: 16px;
	background: #fff
}

.Toolbar-item {
	flex: 1;
	text-align: center
}

.Toolbar-btn {
	flex-direction: column;
	border: none;
	background: transparent;
	cursor: pointer;
	width: 100%
}

.Toolbar-btn,
.Toolbar-btnIcon {
	display: flex;
	align-items: center
}

.Toolbar-btnIcon {
	width: 48px;
	height: 48px;
	justify-content: center;
	background: #f5f5f5;
	border-radius: 12px;
	margin-bottom: 4px
}

.Toolbar-btnIcon .Icon {
	width: 24px;
	height: 24px;
	color: #666
}

.Toolbar-btnText {
	font-size: 12px;
	color: #666
}

.EmojiPicker {
	display: flex;
	flex-wrap: wrap;
	padding: 12px;
	background: #fff;
	max-height: 200px;
	overflow-y: auto
}

.EmojiPicker-item {
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer
}

.EmojiPicker-item:hover {
	background: #f5f5f5;
	border-radius: 8px
}

.EmojiPicker-emoji {
	display: block
}

.EmojiPicker-emoji .Image {
	width: 32px;
	height: 32px
}

.Popup {
	position: fixed;
	z-index: 1000;
	display: flex;
	align-items: flex-end
}

.Backdrop,
.Popup {
	top: 0;
	left: 0;
	right: 0;
	bottom: 0
}

.Backdrop {
	position: absolute;
	background: rgba(0, 0, 0, .5);
	transition: opacity .3s
}

.Popup-dialog {
	position: relative;
	width: 100%;
	background: #fff;
	border-radius: 16px 16px 0 0;
	transition: opacity .3s;
	max-height: 80vh
}

.Popup-header {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 16px;
	border-bottom: 1px solid #eee;
	position: relative
}

.Popup-title {
	font-size: 16px;
	font-weight: 600;
	margin: 0
}

.Popup-close {
	position: absolute;
	right: 8px;
	top: 50%;
	transform: translateY(-50%)
}

.Popup-body {
	overflow-y: auto
}

.Popup-footer {
	padding: 12px 16px
}

.Tabs-nav {
	display: flex;
	position: relative;
	border-bottom: 1px solid #eee
}

.Tabs-navItem {
	flex: 1
}

.Tabs-navLink {
	display: block;
	width: 100%;
	padding: 12px;
	border: none;
	background: transparent;
	font-size: 14px;
	color: #666;
	cursor: pointer;
	text-align: center
}

.Tabs-navLink.active {
	color: #ff483c;
	font-weight: 600
}

.Tabs-navPointer {
	position: absolute;
	bottom: 0;
	height: 2px;
	background: #ff483c;
	transition: transform .3s
}

.Search {
	display: flex;
	align-items: center;
	padding: 12px;
	gap: 8px
}

.Search-icon {
	width: 20px;
	height: 20px;
	color: #999
}

.Search-input {
	flex: 1;
	padding: 8px 12px;
	border: 1px solid #ddd;
	border-radius: 18px;
	font-size: 14px;
	outline: none
}

.OrderList {
	padding: 0 12px;
	max-height: 400px;
	overflow-y: auto
}

.OrderGroup {
	background: #fff;
	border-radius: 12px;
	margin-bottom: 12px
}

.OrderGroup-header {
	padding: 12px
}

.OrderGroup-logo {
	width: 20px;
	margin-right: 8px
}

.OrderGroup-logo img {
	width: 100%;
	display: block
}

.OrderGroup-name {
	font-size: 14px;
	font-weight: 500;
	margin: 0
}

.OrderGroup-body {
	padding: 0 12px 12px
}

.Goods {
	display: flex;
	gap: 12px
}

.Goods-img {
	width: 80px;
	height: 80px;
	border-radius: 8px;
	-o-object-fit: cover;
	object-fit: cover
}

.Goods-name {
	font-size: 14px;
	margin: 0 0 4px
}

.Goods-aside {
	text-align: right
}

.Goods-slot {
	margin-top: 8px
}

.Price {
	color: #ff483c;
	font-weight: 600
}

.Price-currency {
	font-size: 12px
}

.Price-integer {
	font-size: 16px
}

.Empty {
	padding: 40px 20px;
	text-align: center
}

.Empty-img {
	width: 120px;
	margin-bottom: 16px
}

.Empty-tip {
	color: #999;
	font-size: 14px
}

.ViolationList {
	padding: 20px;
	min-height: 200px
}

:deep(.Message) {
	margin-bottom: 16px
}

:deep(.Message-main) {
	display: flex;
	align-items: flex-start
}

:deep(.Message.right .Message-main) {
	flex-direction: row-reverse
}

:deep(.Message.right .Message-inner) {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	max-width: 75%
}

:deep(.Avatar) {
	flex-shrink: 0;
	width: 36px !important;
	height: 36px !important;
	min-width: 36px;
	max-width: 36px;
	margin: 0 8px;
	border-radius: 50%;
	overflow: hidden
}

:deep(.Avatar img) {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	display: block
}

:deep(.Bubble) {
	padding: 10px 12px;
	border-radius: 12px;
	display: inline-block;
	max-width: 100%
}

:deep(.Bubble p) {
	margin: 0;
	line-height: 1.5
}

:deep(.Message.left .Bubble) {
	background-color: #fff;
	color: #333
}

:deep(.Message.right .Bubble) {
	background-color: #ff483c;
	color: #fff
}

.payment-card {
	display: flex;
	flex-direction: column;
	background: #fff;
	padding: 10px 12px;
	border-radius: 12px;
	gap: 12px;
	width: 100%;
	max-width: 240px
}

.payment-card-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 14px;
	font-weight: 500;
	color: #333
}

.payment-card-header img {
	height: 20px
}

.payment-card-order {
	font-size: 13px;
	color: #666
}

.payment-card-btn {
	background: #e95758;
	color: #fff;
	text-align: center;
	padding: 8px 0;
	border-radius: 6px;
	font-size: 14px;
	cursor: pointer
}

.payment-card-btn:active {
	opacity: .8
}

:deep(.ComponentMessage) {
	background: #fff;
	border-radius: 12px
}

:deep(.OrderCard) {
	min-width: 240px;
	background: #fff;
	border-radius: 12px
}

:deep(.OrderCard .Goods) {
	padding: 12px;
	display: flex;
	gap: 8px
}

:deep(.OrderCard .shopimg) {
	width: 60px;
	height: 60px;
	min-width: 60px;
	border-radius: 8px;
	overflow: hidden
}

:deep(.OrderCard .shopimg img) {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

:deep(.InnerWrapper) {
	padding: 12px
}

:deep(.Typography-knowledge) {
	padding: 12px 0
}

:deep(.Typography-knowledge .item) {
	margin-bottom: 12px
}

:deep(.Typography-knowledge .action) {
	display: flex;
	gap: 8px;
	flex-wrap: wrap
}

:deep(.Typography-knowledge .action .Btn) {
	flex: 1;
	min-width: 80px
}

:deep(.RateActions) {
	display: flex;
	justify-content: flex-end;
	padding: 8px 12px;
	border-top: 1px solid #eee;
	gap: 8px
}

:deep(.RateBtn) {
	color: #999;
	background: transparent;
	border: none;
	cursor: pointer
}

:deep(.RateBtn .Icon) {
	width: 20px;
	height: 20px
}

:deep(.Price) {
	color: #ff483c;
	font-weight: 600
}

:deep(.Goods-desc) {
	font-size: 12px;
	color: #999;
	margin: 4px 0 0
}

:deep(.Goods-desc ul) {
	margin: 0;
	padding: 0;
	list-style: none
}

.slide-in-right-item {
	animation: slideInRight .3s ease-out
}

@keyframes slideInRight {
	0% {
		opacity: 0;
		transform: translateX(20px)
	}

	to {
		opacity: 1;
		transform: translateX(0)
	}
}

.image-preview-modal {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, .9);
	display: none;
	align-items: center;
	justify-content: center;
	z-index: 9999
}

.image-preview-modal.active {
	display: flex
}

.image-preview-content {
	max-width: 90%;
	max-height: 90%;
	-o-object-fit: contain;
	object-fit: contain
}

.link-card-msg {
	background: #fff;
	border-radius: 12px;
	overflow: hidden;
	max-width: 260px
}

.link-card-inner {
	padding: .75rem
}

.link-card-title {
	font-size: .875rem;
	font-weight: 500;
	color: #111;
	margin: 0 0 10px 0;
	line-height: 1.4;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis
}

.link-card-btn {
	display: block;
	width: 100%;
	padding: 8px 0;
	text-align: center;
	background: #007aff;
	color: #fff;
	font-size: .8125rem;
	font-weight: 500;
	border-radius: 6px;
	cursor: pointer;
	transition: opacity .2s
}

.link-card-btn:active {
	opacity: .8
}

.page-loader[data-v-2a51544e] {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 9999
}

.loader-content[data-v-2a51544e] {
	text-align: center
}

.spinner-wrapper[data-v-2a51544e] {
	width: 50px;
	height: 50px;
	margin: 0 auto 20px
}

.circular-spinner[data-v-2a51544e] {
	width: 100%;
	height: 100%;
	animation: rotate-2a51544e 2s linear infinite
}

.path[data-v-2a51544e] {
	stroke: #1677ff;
	stroke-linecap: round;
	stroke-dasharray: 90, 150;
	stroke-dashoffset: 0;
	animation: dash-2a51544e 1.5s ease-in-out infinite
}

@keyframes rotate-2a51544e {
	to {
		transform: rotate(1turn)
	}
}

@keyframes dash-2a51544e {
	0% {
		stroke-dasharray: 1, 150;
		stroke-dashoffset: 0
	}

	50% {
		stroke-dasharray: 90, 150;
		stroke-dashoffset: -35
	}

	to {
		stroke-dasharray: 90, 150;
		stroke-dashoffset: -124
	}
}

.loading-text[data-v-2a51544e] {
	font-size: 14px;
	color: #666
}

.fade-enter-active[data-v-2a51544e],
.fade-leave-active[data-v-2a51544e] {
	transition: opacity .3s
}

.fade-enter-from[data-v-2a51544e],
.fade-leave-to[data-v-2a51544e] {
	opacity: 0
}

.skeleton-chat[data-v-1ad13224] {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #f5f5f5;
	display: flex;
	flex-direction: column
}

.skeleton-header[data-v-1ad13224] {
	display: flex;
	align-items: center;
	padding: 12px 16px;
	background: #fff;
	border-bottom: 1px solid #eee;
	gap: 12px
}

.skeleton-back[data-v-1ad13224] {
	width: 24px;
	height: 24px;
	border-radius: 4px
}

.skeleton-avatar[data-v-1ad13224],
.skeleton-back[data-v-1ad13224] {
	background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
	background-size: 200% 100%;
	animation: shimmer-1ad13224 1.5s infinite
}

.skeleton-avatar[data-v-1ad13224] {
	width: 40px;
	height: 40px;
	border-radius: 50%
}

.skeleton-info[data-v-1ad13224] {
	flex: 1
}

.skeleton-name[data-v-1ad13224] {
	width: 120px;
	height: 16px;
	margin-bottom: 8px
}

.skeleton-name[data-v-1ad13224],
.skeleton-status[data-v-1ad13224] {
	border-radius: 4px;
	background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
	background-size: 200% 100%;
	animation: shimmer-1ad13224 1.5s infinite
}

.skeleton-status[data-v-1ad13224] {
	width: 60px;
	height: 12px
}

.skeleton-messages[data-v-1ad13224] {
	flex: 1;
	padding: 16px;
	overflow: hidden
}

.skeleton-message[data-v-1ad13224] {
	margin-bottom: 16px;
	display: flex
}

.skeleton-message.left[data-v-1ad13224] {
	justify-content: flex-start
}

.skeleton-message.right[data-v-1ad13224] {
	justify-content: flex-end
}

.skeleton-bubble[data-v-1ad13224] {
	height: 50px;
	border-radius: 12px;
	background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
	background-size: 200% 100%;
	animation: shimmer-1ad13224 1.5s infinite
}

.skeleton-bubble.short[data-v-1ad13224] {
	width: 40%
}

.skeleton-bubble.medium[data-v-1ad13224] {
	width: 55%
}

.skeleton-bubble.long[data-v-1ad13224] {
	width: 70%
}

.skeleton-card[data-v-1ad13224] {
	width: 75%;
	padding: 16px;
	border-radius: 12px;
	background: #fff;
	box-shadow: 0 2px 8px rgba(0, 0, 0, .1)
}

.skeleton-card-header[data-v-1ad13224] {
	height: 20px;
	width: 80px
}

.skeleton-card-amount[data-v-1ad13224],
.skeleton-card-header[data-v-1ad13224] {
	border-radius: 4px;
	background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
	background-size: 200% 100%;
	animation: shimmer-1ad13224 1.5s infinite;
	margin-bottom: 12px
}

.skeleton-card-amount[data-v-1ad13224] {
	height: 32px;
	width: 120px
}

.skeleton-card-button[data-v-1ad13224] {
	height: 36px;
	width: 100%;
	border-radius: 18px;
	background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
	background-size: 200% 100%;
	animation: shimmer-1ad13224 1.5s infinite
}

.skeleton-footer[data-v-1ad13224] {
	display: flex;
	align-items: center;
	padding: 12px 16px;
	background: #fff;
	border-top: 1px solid #eee;
	gap: 12px
}

.skeleton-input[data-v-1ad13224] {
	flex: 1;
	border-radius: 20px
}

.skeleton-input[data-v-1ad13224],
.skeleton-send-btn[data-v-1ad13224] {
	height: 40px;
	background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
	background-size: 200% 100%;
	animation: shimmer-1ad13224 1.5s infinite
}

.skeleton-send-btn[data-v-1ad13224] {
	width: 40px;
	border-radius: 50%
}

@keyframes shimmer-1ad13224 {
	0% {
		background-position: -200% 0
	}

	to {
		background-position: 200% 0
	}
}

.error-container[data-v-4f76b499],
.loading-container[data-v-4f76b499] {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	height: 100vh;
	background: #f5f5f5;
	padding: 20px;
	text-align: center
}

.error-icon[data-v-4f76b499] {
	font-size: 48px;
	margin-bottom: 16px
}

.error-title[data-v-4f76b499] {
	font-size: 20px;
	font-weight: 700;
	color: #333;
	margin-bottom: 8px
}

.error-message[data-v-4f76b499] {
	font-size: 14px;
	color: #666;
	margin-bottom: 4px
}

.error-hint[data-v-4f76b499] {
	font-size: 12px;
	color: #999
}

.loading-spinner[data-v-4f76b499] {
	width: 40px;
	height: 40px;
	border: 3px solid #f3f3f3;
	border-top: 3px solid #e95758;
	border-radius: 50%;
	animation: spin-4f76b499 1s linear infinite;
	margin-bottom: 16px
}

@keyframes spin-4f76b499 {
	0% {
		transform: rotate(0deg)
	}

	to {
		transform: rotate(1turn)
	}
}

.loading-text[data-v-4f76b499] {
	font-size: 14px;
	color: #666
}

.Nai-ILtRYL-1e-Long[data-v-4f76b499] {
	display: flex;
	flex-direction: column;
	height: 100vh;
	height: var(--app-height, 100dvh);
	background: #f5f5f5
}

.Nai-CiHtqV7VV-Long[data-v-4f76b499] {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 12px 16px;
	background-size: cover;
	background-position: 50%;
	background-repeat: no-repeat;
	border-bottom: 1px solid #eee
}

.back-icon[data-v-4f76b499] {
	width: 16px;
	height: 16px;
	flex-shrink: 0
}

.Nai-gZ8pzdoJo-Long[data-v-4f76b499] {
	margin-left: 10px
}

.Nai-tEnVfMX2v-Long[data-v-4f76b499] {
	display: flex;
	align-items: center;
	gap: 6px;
	font-size: 16px;
	font-weight: 500
}

.Nai-oRwdrw0hN-Long[data-v-4f76b499] {
	background: #e95758;
	color: #fff;
	font-size: 10px;
	padding: 2px 6px;
	border-radius: 4px
}

.Nai--X4XzKRYG-Long[data-v-4f76b499] {
	display: flex;
	align-items: center;
	gap: 4px;
	font-size: 12px;
	color: #999;
	margin-top: 4px
}

.Nai-ii0ZKQ-ce-Long[data-v-4f76b499] {
	width: 6px;
	height: 6px;
	background: #52c41a;
	border-radius: 50%
}

.header-right-icons[data-v-4f76b499] {
	display: flex;
	align-items: center;
	gap: 12px
}

.header-icon[data-v-4f76b499] {
	width: 20px;
	height: 20px
}

.Nai-CiHtqV7VV-Long>div[data-v-4f76b499]:first-child {
	display: flex;
	align-items: center
}

.Nai-YBu77Ftyx-Long[data-v-4f76b499] {
	color: #52c41a
}

.Nai-menJcQ9ZK-Long[data-v-4f76b499] {
	color: #999
}

.Nai-kXwAQjqmI-Long[data-v-4f76b499] {
	flex: 1;
	display: flex;
	flex-direction: column;
	overflow: hidden;
	background: #f5f5f5
}

.Nai-lrBkeYWtC-Long[data-v-4f76b499] {
	height: 0
}

.Nai-5PrPiL3bw-Long[data-v-4f76b499] {
	flex: 1;
	overflow-y: auto;
	padding: 12px 16px;
	-webkit-overflow-scrolling: touch
}

.Nai-Cj-toCb1t-Long[data-v-4f76b499] {
	text-align: center;
	font-size: 12px;
	color: #999;
	padding: 8px 0 16px
}

.system-message[data-v-4f76b499] {
	text-align: center;
	padding: 10px 12px;
	margin-bottom: 16px
}

.system-message span[data-v-4f76b499] {
	display: inline-block;
	background: rgba(0, 0, 0, .05);
	color: #999;
	font-size: 12px;
	padding: 6px 12px;
	border-radius: 4px
}

.evaluation-card[data-v-4f76b499] {
	background: linear-gradient(#ffeccc, #fff 46%);
	border-radius: 12px;
	padding: 16px;
	margin-bottom: 16px;
	position: relative;
	overflow: hidden
}

.evaluation-card.expanded[data-v-4f76b499] {
	background: linear-gradient(#ffeccc, #fff 15%)
}

.eval-bg-img[data-v-4f76b499] {
	position: absolute;
	top: 0;
	right: 0;
	width: 80px;
	height: auto;
	opacity: .5
}

.eval-title[data-v-4f76b499] {
	font-size: 14px;
	color: #333;
	font-weight: 500;
	margin-bottom: 16px
}

.eval-options[data-v-4f76b499] {
	display: flex;
	justify-content: space-between;
	gap: 8px
}

.eval-option[data-v-4f76b499] {
	display: flex;
	flex-direction: column;
	align-items: center;
	cursor: pointer;
	flex: 1;
	transition: opacity .2s
}

.eval-option.inactive[data-v-4f76b499] {
	opacity: .5
}

.eval-option img[data-v-4f76b499] {
	width: 36px;
	height: 36px;
	margin-bottom: 4px
}

.eval-option span[data-v-4f76b499] {
	font-size: 10px;
	color: #333;
	text-align: center
}

.eval-tags[data-v-4f76b499] {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 16px
}

.eval-tag[data-v-4f76b499] {
	padding: 6px 12px;
	background: #f5f5f5;
	border-radius: 16px;
	font-size: 12px;
	color: #333;
	cursor: pointer;
	border: 1px solid transparent
}

.eval-tag.selected[data-v-4f76b499] {
	background: #fff5e6;
	border-color: #f6a046;
	color: #f6a046
}

.eval-divider[data-v-4f76b499] {
	display: flex;
	align-items: center;
	margin: 16px 0 8px
}

.eval-divider[data-v-4f76b499]:after,
.eval-divider[data-v-4f76b499]:before {
	content: "";
	flex: 1;
	height: 1px;
	background: #e5e5e5
}

.eval-divider span[data-v-4f76b499] {
	padding: 0 12px;
	font-size: 12px;
	color: #333
}

.eval-resolve[data-v-4f76b499] {
	display: flex;
	justify-content: center;
	gap: 16px;
	margin-bottom: 16px
}

.eval-textarea[data-v-4f76b499] {
	width: 100%;
	height: 60px;
	border: 1px solid #e5e5e5;
	border-radius: 8px;
	padding: 10px;
	font-size: 14px;
	resize: none;
	box-sizing: border-box;
	margin-bottom: 12px
}

.eval-textarea[data-v-4f76b499]:focus {
	outline: none;
	border-color: #f6a046
}

.eval-submit-btn[data-v-4f76b499] {
	width: 100%;
	height: 40px;
	background: linear-gradient(90deg, #ffb347, #f6a046);
	border: none;
	border-radius: 20px;
	color: #fff;
	font-size: 14px;
	cursor: pointer
}

.eval-submit-btn[data-v-4f76b499]:active {
	opacity: .9
}

.Nai-vOleICydR-Long[data-v-4f76b499] {
	display: flex;
	margin-bottom: 16px;
	gap: 10px
}

.Nai-LgT6OkF7v-Long[data-v-4f76b499] {
	flex-shrink: 0
}

.Nai-LgT6OkF7v-Long img[data-v-4f76b499] {
	width: var(--avatarSize, 36px);
	height: var(--avatarSize, 36px);
	border-radius: var(--avatarBorderRadius, 50%);
	-o-object-fit: cover;
	object-fit: cover
}

.Nai-zeB3tUIiP-Long[data-v-4f76b499] {
	display: flex;
	flex-direction: column;
	max-width: 70%
}

.Nai-ow6mcdHrb-Long[data-v-4f76b499] {
	display: flex;
	align-items: center;
	margin-bottom: 4px
}

.Nai-9akwoKdT7-Long[data-v-4f76b499] {
	font-size: 12px;
	color: #999
}

.Nai-vy2Wi3XWe-Long[data-v-4f76b499] {
	flex-direction: row-reverse
}

.Nai-vy2Wi3XWe-Long .Nai-zeB3tUIiP-Long[data-v-4f76b499] {
	align-items: flex-end
}

.Nai-tKMAN5bhr-Long[data-v-4f76b499] {
	background: #fff;
	color: #333;
	padding: 10px 14px;
	border-radius: 12px 4px 12px 12px;
	word-break: break-word;
	font-size: 15px;
	line-height: 1.5
}

.Nai-l2gACcrep-Long[data-v-4f76b499] {
	flex-direction: row
}

.Nai-l2gACcrep-Long .Nai-zeB3tUIiP-Long[data-v-4f76b499] {
	align-items: flex-start
}

.Nai--jJ-K0wBb-Long[data-v-4f76b499] {
	background: #fff;
	color: #333;
	padding: 10px 14px;
	border-radius: 4px 12px 12px 12px;
	word-break: break-word;
	font-size: 15px;
	line-height: 1.5
}

.Nai-2QUaOYvVX-Long[data-v-4f76b499] {
	background: #fff;
	border-top: 1px solid #eee
}

.quick-action-bar[data-v-4f76b499] {
	display: flex;
	align-items: center;
	padding: 10px 11px;
	gap: 8px;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch
}

.quick-action-bar[data-v-4f76b499]::-webkit-scrollbar {
	display: none
}

.quick-action-item[data-v-4f76b499] {
	display: flex;
	align-items: center;
	padding: 0 10px;
	height: 28px;
	border-radius: 18px;
	background: #fff;
	flex-shrink: 0;
	box-shadow: 0 1px 3px rgba(0, 0, 0, .08);
	cursor: pointer
}

.quick-action-item[data-v-4f76b499]:active {
	background: #f5f5f5
}

.action-icon[data-v-4f76b499] {
	width: 16px;
	height: 16px
}

.action-text[data-v-4f76b499] {
	font-size: 12px;
	color: #666;
	margin-left: 4px;
	white-space: nowrap
}

.Nai-fEF48vYi4-Long[data-v-4f76b499] {
	padding: 12px 16px
}

.input-row[data-v-4f76b499] {
	display: flex;
	align-items: center;
	gap: 10px
}

.upload-button[data-v-4f76b499] {
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	color: #666;
	flex-shrink: 0
}

.upload-button.uploading[data-v-4f76b499] {
	opacity: .6;
	cursor: not-allowed
}

.upload-icon[data-v-4f76b499] {
	width: 28px;
	height: 28px
}

.upload-spinner[data-v-4f76b499] {
	width: 20px;
	height: 20px;
	border: 2px solid #ddd;
	border-top-color: #e95758;
	border-radius: 50%;
	animation: spin-4f76b499 .8s linear infinite
}

.Nai-91Jn8b7CQ-Long[data-v-4f76b499] {
	flex: 1;
	border: 1px solid #e0e0e0;
	border-radius: 20px;
	padding: 10px 16px;
	font-size: 16px;
	outline: none;
	background: #f5f5f5;
	-webkit-appearance: none
}

.Nai-91Jn8b7CQ-Long[data-v-4f76b499]:focus {
	border-color: #e95758;
	background: #fff
}

.Nai-4Ldj74KYJ-Long[data-v-4f76b499] {
	background: #e95758;
	color: #fff;
	border: none;
	border-radius: 20px;
	padding: 10px 20px;
	font-size: 14px;
	cursor: pointer;
	flex-shrink: 0
}

.Nai-4Ldj74KYJ-Long[data-v-4f76b499]:disabled {
	background: #ccc;
	cursor: not-allowed
}

.image-preview-modal[data-v-4f76b499] {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, .9);
	display: none;
	align-items: center;
	justify-content: center;
	z-index: 9999
}

.image-preview-modal.active[data-v-4f76b499] {
	display: flex
}

.image-preview-content[data-v-4f76b499] {
	max-width: 90%;
	max-height: 90%;
	-o-object-fit: contain;
	object-fit: contain
}

.message-image[data-v-4f76b499] {
	max-width: 200px;
	max-height: 200px;
	min-width: 100px;
	min-height: 100px;
	background-color: #f0f0f0;
	border-radius: 8px;
	cursor: pointer;
	display: block
}

.side-panel-overlay[data-v-4f76b499] {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, .5);
	z-index: 998;
	opacity: 0;
	visibility: hidden;
	transition: opacity .3s, visibility .3s
}

.side-panel-overlay.active[data-v-4f76b499] {
	opacity: 1;
	visibility: visible
}

.side-panel[data-v-4f76b499] {
	position: fixed;
	top: 0;
	right: -100%;
	width: 85%;
	max-width: 320px;
	height: 100%;
	background: #f4f5f6;
	z-index: 999;
	transition: right .3s ease;
	padding: 56px 12px 12px;
	box-sizing: border-box;
	overflow-y: auto
}

.side-panel.active[data-v-4f76b499] {
	right: 0
}

.side-panel-content[data-v-4f76b499] {
	display: flex;
	flex-direction: column;
	gap: 12px
}

.agent-card[data-v-4f76b499] {
	background: #fff;
	border-radius: 10px;
	padding: 16px;
	padding-right: 12px;
	display: flex;
	position: relative
}

.agent-avatar[data-v-4f76b499] {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	overflow: hidden;
	flex-shrink: 0
}

.agent-avatar img[data-v-4f76b499] {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

.agent-info[data-v-4f76b499] {
	margin-left: 12px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: 2px 0
}

.agent-name[data-v-4f76b499] {
	font-size: 16px;
	font-weight: 700;
	color: #333
}

.agent-rating[data-v-4f76b499] {
	display: flex;
	align-items: center
}

.rating-label[data-v-4f76b499] {
	font-size: 12px;
	color: #999;
	line-height: 12px;
	margin-top: 1px
}

.stars[data-v-4f76b499] {
	display: flex;
	align-items: center
}

.star[data-v-4f76b499] {
	font-size: 15px;
	color: #f3f3f3;
	margin-right: 2px
}

.star.filled[data-v-4f76b499] {
	color: #ffd427
}

.star.half[data-v-4f76b499] {
	position: relative;
	color: #f3f3f3
}

.star.half[data-v-4f76b499]:before {
	content: "★";
	position: absolute;
	left: 0;
	width: .3em;
	overflow: hidden;
	color: #ffd427
}

.rating-score[data-v-4f76b499] {
	font-size: 14px;
	color: #333;
	font-weight: 700;
	margin-left: 8px
}

.info-card[data-v-4f76b499] {
	background: #fff;
	border-radius: 10px;
	padding: 18px 16px;
	display: flex;
	justify-content: space-between;
	align-items: center
}

.info-title[data-v-4f76b499] {
	font-size: 14px;
	color: #333;
	font-weight: 500
}

.arrow-icon[data-v-4f76b499] {
	width: 16px;
	height: 16px;
	transform: rotate(180deg)
}

.toggle-switch[data-v-4f76b499] {
	width: 44px;
	height: 24px;
	background: #e0e0e0;
	border-radius: 12px;
	position: relative;
	cursor: pointer;
	transition: background .3s
}

.toggle-switch.active[data-v-4f76b499] {
	background: #e95758
}

.toggle-knob[data-v-4f76b499] {
	width: 20px;
	height: 20px;
	background: #fff;
	border-radius: 50%;
	position: absolute;
	top: 2px;
	left: 2px;
	transition: left .3s;
	box-shadow: 0 1px 3px rgba(0, 0, 0, .2)
}

.toggle-switch.active .toggle-knob[data-v-4f76b499] {
	left: 22px
}

.payment-card[data-v-4f76b499] {
	display: flex;
	flex-direction: column;
	background: #fff;
	padding: 10px 12px;
	border-radius: 12px;
	gap: 12px;
	width: 100%;
	max-width: 240px
}

.payment-card-header[data-v-4f76b499] {
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 14px;
	font-weight: 500;
	color: #333
}

.payment-card-header img[data-v-4f76b499] {
	height: 20px
}

.payment-card-order[data-v-4f76b499] {
	font-size: 13px;
	color: #666
}

.payment-card-btn[data-v-4f76b499] {
	background: #ffd2a0;
	color: #000;
	text-align: center;
	padding: 8px 0;
	border-radius: 6px;
	font-size: 14px;
	cursor: pointer
}

.payment-card-btn[data-v-4f76b499]:active {
	opacity: .8
}

.link-card-msg[data-v-4f76b499] {
	background: #fff;
	border-radius: 12px;
	overflow: hidden;
	max-width: 260px
}

.link-card-inner[data-v-4f76b499] {
	padding: .75rem
}

.link-card-title[data-v-4f76b499] {
	font-size: .875rem;
	font-weight: 500;
	color: #111;
	margin: 0 0 10px 0;
	line-height: 1.4;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis
}

.link-card-btn[data-v-4f76b499] {
	display: block;
	width: 100%;
	padding: 8px 0;
	text-align: center;
	background: #007aff;
	color: #fff;
	font-size: .8125rem;
	font-weight: 500;
	border-radius: 6px;
	cursor: pointer;
	transition: opacity .2s
}

.link-card-btn[data-v-4f76b499]:active {
	opacity: .8
}

.fade-enter-active[data-v-4f76b499] {
	transition: opacity .5s ease-out
}

.fade-enter-from[data-v-4f76b499] {
	opacity: 0
}

.px2-chat-container[data-v-ead4a9c2] {
	width: 100%;
	height: 100%
}

.error-container[data-v-ead4a9c2],
.loading-container[data-v-ead4a9c2] {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	height: 100vh;
	background: #f5f5f5;
	padding: 20px;
	text-align: center
}

.error-icon[data-v-ead4a9c2] {
	font-size: 48px;
	margin-bottom: 16px
}

.error-title[data-v-ead4a9c2] {
	font-size: 20px;
	font-weight: 700;
	color: #333;
	margin-bottom: 8px
}

.error-message[data-v-ead4a9c2] {
	font-size: 14px;
	color: #666;
	margin-bottom: 4px
}

.error-hint[data-v-ead4a9c2] {
	font-size: 12px;
	color: #999
}

.loading-spinner[data-v-ead4a9c2] {
	width: 40px;
	height: 40px;
	border: 3px solid #f3f3f3;
	border-top: 3px solid #e95758;
	border-radius: 50%;
	animation: spin-ead4a9c2 1s linear infinite;
	margin-bottom: 16px
}

@keyframes spin-ead4a9c2 {
	0% {
		transform: rotate(0deg)
	}

	to {
		transform: rotate(1turn)
	}
}

.loading-text[data-v-ead4a9c2] {
	font-size: 14px;
	color: #666
}

.Nai-ILtRYL-1e-Long[data-v-ead4a9c2] {
	display: flex;
	flex-direction: column;
	height: 100vh;
	height: var(--app-height, 100dvh);
	background: #f5f5f5
}

.Nai-CiHtqV7VV-Long[data-v-ead4a9c2] {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 12px 16px;
	background-size: cover;
	background-position: 50%;
	background-repeat: no-repeat;
	border-bottom: 1px solid #eee
}

.back-icon[data-v-ead4a9c2] {
	width: 16px;
	height: 16px;
	flex-shrink: 0
}

.Nai-gZ8pzdoJo-Long[data-v-ead4a9c2] {
	margin-left: 10px
}

.Nai-tEnVfMX2v-Long[data-v-ead4a9c2] {
	display: flex;
	align-items: center;
	gap: 6px;
	font-size: 16px;
	font-weight: 500
}

.Nai-oRwdrw0hN-Long[data-v-ead4a9c2] {
	background: #e95758;
	color: #fff;
	font-size: 10px;
	padding: 2px 6px;
	border-radius: 4px
}

.Nai--X4XzKRYG-Long[data-v-ead4a9c2] {
	display: flex;
	align-items: center;
	gap: 4px;
	font-size: 12px;
	color: #999;
	margin-top: 4px
}

.Nai-ii0ZKQ-ce-Long[data-v-ead4a9c2] {
	width: 6px;
	height: 6px;
	background: #52c41a;
	border-radius: 50%
}

.header-right-icons[data-v-ead4a9c2] {
	display: flex;
	align-items: center;
	gap: 12px
}

.header-icon[data-v-ead4a9c2] {
	width: 20px;
	height: 20px
}

.Nai-CiHtqV7VV-Long>div[data-v-ead4a9c2]:first-child {
	display: flex;
	align-items: center
}

.Nai-YBu77Ftyx-Long[data-v-ead4a9c2] {
	color: #52c41a
}

.Nai-menJcQ9ZK-Long[data-v-ead4a9c2] {
	color: #999
}

.Nai-kXwAQjqmI-Long[data-v-ead4a9c2] {
	flex: 1;
	display: flex;
	flex-direction: column;
	overflow: hidden;
	background: #f5f5f5
}

.Nai-lrBkeYWtC-Long[data-v-ead4a9c2] {
	height: 0
}

.Nai-5PrPiL3bw-Long[data-v-ead4a9c2] {
	flex: 1;
	overflow-y: auto;
	padding: 12px 16px;
	-webkit-overflow-scrolling: touch
}

.Nai-Cj-toCb1t-Long[data-v-ead4a9c2] {
	text-align: center;
	font-size: 12px;
	color: #999;
	padding: 8px 0 16px
}

.system-message[data-v-ead4a9c2] {
	text-align: center;
	padding: 10px 12px;
	margin-bottom: 16px
}

.system-message span[data-v-ead4a9c2] {
	display: inline-block;
	background: rgba(0, 0, 0, .05);
	color: #999;
	font-size: 12px;
	padding: 6px 12px;
	border-radius: 4px
}

.evaluation-card[data-v-ead4a9c2] {
	background: linear-gradient(#ffeccc, #fff 46%);
	border-radius: 12px;
	padding: 16px;
	margin-bottom: 16px;
	position: relative;
	overflow: hidden
}

.evaluation-card.expanded[data-v-ead4a9c2] {
	background: linear-gradient(#ffeccc, #fff 15%)
}

.eval-bg-img[data-v-ead4a9c2] {
	position: absolute;
	top: 0;
	right: 0;
	width: 80px;
	height: auto;
	opacity: .5
}

.eval-title[data-v-ead4a9c2] {
	font-size: 14px;
	color: #333;
	font-weight: 500;
	margin-bottom: 16px
}

.eval-options[data-v-ead4a9c2] {
	display: flex;
	justify-content: space-between;
	gap: 8px
}

.eval-option[data-v-ead4a9c2] {
	display: flex;
	flex-direction: column;
	align-items: center;
	cursor: pointer;
	flex: 1;
	transition: opacity .2s
}

.eval-option.inactive[data-v-ead4a9c2] {
	opacity: .5
}

.eval-option img[data-v-ead4a9c2] {
	width: 36px;
	height: 36px;
	margin-bottom: 4px
}

.eval-option span[data-v-ead4a9c2] {
	font-size: 10px;
	color: #333;
	text-align: center
}

.eval-tags[data-v-ead4a9c2] {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 16px
}

.eval-tag[data-v-ead4a9c2] {
	padding: 6px 12px;
	background: #f5f5f5;
	border-radius: 16px;
	font-size: 12px;
	color: #333;
	cursor: pointer;
	border: 1px solid transparent
}

.eval-tag.selected[data-v-ead4a9c2] {
	background: #fff5e6;
	border-color: #f6a046;
	color: #f6a046
}

.eval-divider[data-v-ead4a9c2] {
	display: flex;
	align-items: center;
	margin: 16px 0 8px
}

.eval-divider[data-v-ead4a9c2]:after,
.eval-divider[data-v-ead4a9c2]:before {
	content: "";
	flex: 1;
	height: 1px;
	background: #e5e5e5
}

.eval-divider span[data-v-ead4a9c2] {
	padding: 0 12px;
	font-size: 12px;
	color: #333
}

.eval-resolve[data-v-ead4a9c2] {
	display: flex;
	justify-content: center;
	gap: 16px;
	margin-bottom: 16px
}

.eval-textarea[data-v-ead4a9c2] {
	width: 100%;
	height: 60px;
	border: 1px solid #e5e5e5;
	border-radius: 8px;
	padding: 10px;
	font-size: 14px;
	resize: none;
	box-sizing: border-box;
	margin-bottom: 12px
}

.eval-textarea[data-v-ead4a9c2]:focus {
	outline: none;
	border-color: #f6a046
}

.eval-submit-btn[data-v-ead4a9c2] {
	width: 100%;
	height: 40px;
	background: linear-gradient(90deg, #ffb347, #f6a046);
	border: none;
	border-radius: 20px;
	color: #fff;
	font-size: 14px;
	cursor: pointer
}

.eval-submit-btn[data-v-ead4a9c2]:active {
	opacity: .9
}

.Nai-vOleICydR-Long[data-v-ead4a9c2] {
	display: flex;
	margin-bottom: 16px;
	gap: 10px
}

.Nai-LgT6OkF7v-Long[data-v-ead4a9c2] {
	flex-shrink: 0
}

.Nai-LgT6OkF7v-Long img[data-v-ead4a9c2] {
	width: var(--avatarSize, 36px);
	height: var(--avatarSize, 36px);
	border-radius: var(--avatarBorderRadius, 50%);
	-o-object-fit: cover;
	object-fit: cover
}

.Nai-zeB3tUIiP-Long[data-v-ead4a9c2] {
	display: flex;
	flex-direction: column;
	max-width: 70%
}

.Nai-ow6mcdHrb-Long[data-v-ead4a9c2] {
	display: flex;
	align-items: center;
	margin-bottom: 4px
}

.Nai-9akwoKdT7-Long[data-v-ead4a9c2] {
	font-size: 12px;
	color: #999
}

.Nai-vy2Wi3XWe-Long[data-v-ead4a9c2] {
	flex-direction: row-reverse
}

.Nai-vy2Wi3XWe-Long .Nai-zeB3tUIiP-Long[data-v-ead4a9c2] {
	align-items: flex-end
}

.Nai-tKMAN5bhr-Long[data-v-ead4a9c2] {
	background: #fff;
	color: #333;
	padding: 10px 14px;
	border-radius: 12px 4px 12px 12px;
	word-break: break-word;
	font-size: 15px;
	line-height: 1.5
}

.Nai-l2gACcrep-Long[data-v-ead4a9c2] {
	flex-direction: row
}

.Nai-l2gACcrep-Long .Nai-zeB3tUIiP-Long[data-v-ead4a9c2] {
	align-items: flex-start
}

.Nai--jJ-K0wBb-Long[data-v-ead4a9c2] {
	background: #fff;
	color: #333;
	padding: 10px 14px;
	border-radius: 4px 12px 12px 12px;
	word-break: break-word;
	font-size: 15px;
	line-height: 1.5
}

.seller-tag[data-v-ead4a9c2] {
	display: inline-block;
	padding: 2px 6px;
	background: #e8e8e8;
	color: #666;
	font-size: 10px;
	border-radius: 4px;
	margin-left: 5px;
	vertical-align: middle
}

.Nai-seller-bubble[data-v-ead4a9c2] {
	background: linear-gradient(135deg, #ff8c00, #ff6b00);
	color: #fff;
	padding: 10px 14px;
	border-radius: 12px 4px 12px 12px;
	word-break: break-word;
	font-size: 15px;
	line-height: 1.5
}

.Nai-2QUaOYvVX-Long[data-v-ead4a9c2] {
	background: #fff;
	border-top: 1px solid #eee;
	padding-bottom: env(safe-area-inset-bottom)
}

.quick-action-bar[data-v-ead4a9c2] {
	display: flex;
	align-items: center;
	padding: 10px 11px;
	gap: 8px;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch
}

.quick-action-bar[data-v-ead4a9c2]::-webkit-scrollbar {
	display: none
}

.quick-action-item[data-v-ead4a9c2] {
	display: flex;
	align-items: center;
	padding: 0 10px;
	height: 28px;
	border-radius: 18px;
	background: #fff;
	flex-shrink: 0;
	box-shadow: 0 1px 3px rgba(0, 0, 0, .08);
	cursor: pointer
}

.quick-action-item[data-v-ead4a9c2]:active {
	background: #f5f5f5
}

.action-icon[data-v-ead4a9c2] {
	width: 16px;
	height: 16px
}

.action-text[data-v-ead4a9c2] {
	font-size: 12px;
	color: #666;
	margin-left: 4px;
	white-space: nowrap
}

.Nai-fEF48vYi4-Long[data-v-ead4a9c2] {
	padding: 12px 16px
}

.input-row[data-v-ead4a9c2] {
	display: flex;
	align-items: center;
	gap: 10px
}

.upload-button[data-v-ead4a9c2] {
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	color: #666;
	flex-shrink: 0
}

.upload-button.uploading[data-v-ead4a9c2] {
	opacity: .6;
	cursor: not-allowed
}

.upload-icon[data-v-ead4a9c2] {
	width: 28px;
	height: 28px
}

.upload-spinner[data-v-ead4a9c2] {
	width: 20px;
	height: 20px;
	border: 2px solid #ddd;
	border-top-color: #e95758;
	border-radius: 50%;
	animation: spin-ead4a9c2 .8s linear infinite
}

.Nai-91Jn8b7CQ-Long[data-v-ead4a9c2] {
	flex: 1;
	border: 1px solid #e0e0e0;
	border-radius: 20px;
	padding: 10px 16px;
	font-size: 16px;
	outline: none;
	background: #f5f5f5;
	-webkit-appearance: none
}

.Nai-91Jn8b7CQ-Long[data-v-ead4a9c2]:focus {
	border-color: #e95758;
	background: #fff
}

.Nai-4Ldj74KYJ-Long[data-v-ead4a9c2] {
	background: #e95758;
	color: #fff;
	border: none;
	border-radius: 20px;
	padding: 10px 20px;
	font-size: 14px;
	cursor: pointer;
	flex-shrink: 0
}

.Nai-4Ldj74KYJ-Long[data-v-ead4a9c2]:disabled {
	background: #ccc;
	cursor: not-allowed
}

.image-preview-modal[data-v-ead4a9c2] {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, .9);
	display: none;
	align-items: center;
	justify-content: center;
	z-index: 9999
}

.image-preview-modal.active[data-v-ead4a9c2] {
	display: flex
}

.image-preview-content[data-v-ead4a9c2] {
	max-width: 90%;
	max-height: 90%;
	-o-object-fit: contain;
	object-fit: contain
}

.message-image[data-v-ead4a9c2] {
	max-width: 200px;
	max-height: 200px;
	min-width: 100px;
	min-height: 100px;
	background-color: #f0f0f0;
	border-radius: 8px;
	cursor: pointer;
	display: block
}

.side-panel-overlay[data-v-ead4a9c2] {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, .5);
	z-index: 998;
	opacity: 0;
	visibility: hidden;
	transition: opacity .3s, visibility .3s
}

.side-panel-overlay.active[data-v-ead4a9c2] {
	opacity: 1;
	visibility: visible
}

.side-panel[data-v-ead4a9c2] {
	position: fixed;
	top: 0;
	right: -100%;
	width: 85%;
	max-width: 320px;
	height: 100%;
	background: #f4f5f6;
	z-index: 999;
	transition: right .3s ease;
	padding: 56px 12px 12px;
	box-sizing: border-box;
	overflow-y: auto
}

.side-panel.active[data-v-ead4a9c2] {
	right: 0
}

.side-panel-content[data-v-ead4a9c2] {
	display: flex;
	flex-direction: column;
	gap: 12px
}

.agent-card[data-v-ead4a9c2] {
	background: #fff;
	border-radius: 10px;
	padding: 16px;
	padding-right: 12px;
	display: flex;
	position: relative
}

.agent-avatar[data-v-ead4a9c2] {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	overflow: hidden;
	flex-shrink: 0
}

.agent-avatar img[data-v-ead4a9c2] {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

.agent-info[data-v-ead4a9c2] {
	margin-left: 12px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: 2px 0
}

.agent-name[data-v-ead4a9c2] {
	font-size: 16px;
	font-weight: 700;
	color: #333
}

.agent-rating[data-v-ead4a9c2] {
	display: flex;
	align-items: center
}

.rating-label[data-v-ead4a9c2] {
	font-size: 12px;
	color: #999;
	line-height: 12px;
	margin-top: 1px
}

.stars[data-v-ead4a9c2] {
	display: flex;
	align-items: center
}

.star[data-v-ead4a9c2] {
	font-size: 15px;
	color: #f3f3f3;
	margin-right: 2px
}

.star.filled[data-v-ead4a9c2] {
	color: #ffd427
}

.star.half[data-v-ead4a9c2] {
	position: relative;
	color: #f3f3f3
}

.star.half[data-v-ead4a9c2]:before {
	content: "★";
	position: absolute;
	left: 0;
	width: .3em;
	overflow: hidden;
	color: #ffd427
}

.rating-score[data-v-ead4a9c2] {
	font-size: 14px;
	color: #333;
	font-weight: 700;
	margin-left: 8px
}

.info-card[data-v-ead4a9c2] {
	background: #fff;
	border-radius: 10px;
	padding: 18px 16px;
	display: flex;
	justify-content: space-between;
	align-items: center
}

.info-title[data-v-ead4a9c2] {
	font-size: 14px;
	color: #333;
	font-weight: 500
}

.arrow-icon[data-v-ead4a9c2] {
	width: 16px;
	height: 16px;
	transform: rotate(180deg)
}

.toggle-switch[data-v-ead4a9c2] {
	width: 44px;
	height: 24px;
	background: #e0e0e0;
	border-radius: 12px;
	position: relative;
	cursor: pointer;
	transition: background .3s
}

.toggle-switch.active[data-v-ead4a9c2] {
	background: #e95758
}

.toggle-knob[data-v-ead4a9c2] {
	width: 20px;
	height: 20px;
	background: #fff;
	border-radius: 50%;
	position: absolute;
	top: 2px;
	left: 2px;
	transition: left .3s;
	box-shadow: 0 1px 3px rgba(0, 0, 0, .2)
}

.toggle-switch.active .toggle-knob[data-v-ead4a9c2] {
	left: 22px
}

.order-paid-card[data-v-ead4a9c2] {
	background: #f8f8f8;
	border-radius: 0 12px 12px 12px;
	padding: 12px;
	max-width: 248px;
	margin-top: 4px
}

.order-paid-card-header[data-v-ead4a9c2] {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 10px
}

.order-paid-icon[data-v-ead4a9c2] {
	width: 20px;
	height: 20px
}

.order-paid-title[data-v-ead4a9c2] {
	font-size: 14px;
	color: #333;
	font-weight: 500
}

.order-paid-card-body[data-v-ead4a9c2] {
	display: flex;
	flex-direction: column;
	gap: 6px
}

.order-paid-info[data-v-ead4a9c2] {
	font-size: 13px;
	color: #666;
	line-height: 1.5
}

.group-detail-panel[data-v-ead4a9c2] {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #f4f5f6;
	z-index: 1000;
	transform: translateX(100%);
	transition: transform .3s ease;
	overflow-y: auto
}

.group-detail-panel.active[data-v-ead4a9c2] {
	transform: translateX(0)
}

.group-detail-header[data-v-ead4a9c2] {
	padding: 16px;
	background: #fff
}

.group-detail-header .back-icon[data-v-ead4a9c2] {
	width: 20px;
	height: 20px;
	cursor: pointer
}

.group-product-card[data-v-ead4a9c2] {
	background: #fff;
	margin: 12px;
	border-radius: 12px;
	padding: 16px;
	display: flex;
	align-items: center
}

.product-avatar[data-v-ead4a9c2] {
	width: 44px;
	height: 44px;
	border-radius: 8px;
	-o-object-fit: cover;
	object-fit: cover
}

.product-info[data-v-ead4a9c2] {
	flex: 1;
	margin-left: 12px;
	display: flex;
	align-items: center;
	justify-content: space-between
}

.product-title[data-v-ead4a9c2] {
	font-size: 14px;
	color: #333;
	flex: 1;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.arrow-icon-small[data-v-ead4a9c2] {
	width: 14px;
	height: 14px;
	transform: rotate(180deg);
	opacity: .4
}

.group-members-section[data-v-ead4a9c2] {
	background: #fff;
	margin: 0 12px 12px;
	border-radius: 12px;
	padding: 16px
}

.section-header[data-v-ead4a9c2] {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 12px
}

.section-title[data-v-ead4a9c2] {
	font-size: 14px;
	color: #333
}

.member-count[data-v-ead4a9c2] {
	font-size: 13px;
	color: #999
}

.members-row[data-v-ead4a9c2] {
	display: flex;
	align-items: center;
	justify-content: space-between
}

.member-avatars[data-v-ead4a9c2] {
	display: flex;
	gap: 8px
}

.member-avatar[data-v-ead4a9c2] {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	-o-object-fit: cover;
	object-fit: cover
}

.group-info-card[data-v-ead4a9c2] {
	padding: 16px;
	display: flex;
	justify-content: space-between;
	align-items: center
}

.group-info-card[data-v-ead4a9c2],
.group-toggle-section[data-v-ead4a9c2] {
	background: #fff;
	margin: 0 12px 12px;
	border-radius: 12px
}

.group-toggle-item[data-v-ead4a9c2] {
	padding: 16px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: 1px solid #f0f0f0
}

.group-toggle-item.last[data-v-ead4a9c2] {
	border-bottom: none
}

.group-exit-card[data-v-ead4a9c2] {
	background: #fff;
	margin: 12px;
	border-radius: 12px;
	padding: 16px;
	text-align: center
}

.exit-text[data-v-ead4a9c2] {
	font-size: 14px;
	color: #333
}

.fade-enter-active[data-v-ead4a9c2] {
	transition: opacity .5s ease-out
}

.fade-enter-from[data-v-ead4a9c2] {
	opacity: 0
}

.link-card-msg[data-v-ead4a9c2] {
	background: #fff;
	border-radius: 12px;
	overflow: hidden;
	max-width: 260px
}

.link-card-inner[data-v-ead4a9c2] {
	padding: .75rem
}

.link-card-title[data-v-ead4a9c2] {
	font-size: .875rem;
	font-weight: 500;
	color: #111;
	margin: 0 0 10px 0;
	line-height: 1.4;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis
}

.link-card-btn[data-v-ead4a9c2] {
	display: block;
	width: 100%;
	padding: 8px 0;
	text-align: center;
	background: #007aff;
	color: #fff;
	font-size: .8125rem;
	font-weight: 500;
	border-radius: 6px;
	cursor: pointer;
	transition: opacity .2s
}

.link-card-btn[data-v-ead4a9c2]:active {
	opacity: .8
}

.pz-chat-page[data-v-b2bc6ee8] {
	width: 100%;
	height: 100vh;
	height: var(--app-height, 100dvh);
	display: flex;
	flex-direction: column;
	background: #f5f5f5;
	font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif
}

.pz-error-container[data-v-b2bc6ee8],
.pz-loading-container[data-v-b2bc6ee8] {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	height: 100vh;
	background: #fff
}

.pz-error-icon[data-v-b2bc6ee8] {
	font-size: 48px;
	margin-bottom: 16px
}

.pz-error-title[data-v-b2bc6ee8] {
	font-size: 20px;
	font-weight: 700;
	color: #333;
	margin-bottom: 8px
}

.pz-error-message[data-v-b2bc6ee8] {
	font-size: 14px;
	color: #666
}

.pz-loading-spinner[data-v-b2bc6ee8] {
	width: 40px;
	height: 40px;
	border: 3px solid #f3f3f3;
	border-top: 3px solid #e8b4b8;
	border-radius: 50%;
	animation: pz-spin-b2bc6ee8 1s linear infinite
}

.pz-loading-text[data-v-b2bc6ee8] {
	margin-top: 16px;
	color: #666
}

@keyframes pz-spin-b2bc6ee8 {
	0% {
		transform: rotate(0deg)
	}

	to {
		transform: rotate(1turn)
	}
}

.pz-chat-wrapper[data-v-b2bc6ee8] {
	flex: 1;
	display: flex;
	flex-direction: column;
	background: #f8f4f4;
	overflow: hidden
}

.pz-header[data-v-b2bc6ee8] {
	display: flex;
	align-items: center;
	padding: 12px 16px;
	background: #fff;
	border-bottom: 1px solid #f0f0f0;
	flex-shrink: 0
}

.pz-back[data-v-b2bc6ee8] {
	width: 32px;
	height: 32px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer
}

.pz-header-info[data-v-b2bc6ee8] {
	flex: 1;
	margin-left: 8px
}

.pz-header-title[data-v-b2bc6ee8] {
	font-size: 16px;
	font-weight: 500;
	color: #333
}

.pz-header-status[data-v-b2bc6ee8] {
	font-size: 12px;
	color: #666
}

.pz-online-status[data-v-b2bc6ee8] {
	color: #4caf50;
	margin-top: 2px
}

.pz-messages[data-v-b2bc6ee8] {
	flex: 1;
	overflow-y: auto;
	padding: 16px;
	background: #f8f4f4
}

.pz-message[data-v-b2bc6ee8] {
	display: flex;
	margin-bottom: 16px;
	align-items: flex-start
}

.pz-message-left[data-v-b2bc6ee8] {
	flex-direction: row
}

.pz-message-right[data-v-b2bc6ee8] {
	flex-direction: row;
	justify-content: flex-end
}

.pz-message-right .pz-message-content[data-v-b2bc6ee8] {
	order: 1
}

.pz-message-right .pz-avatar[data-v-b2bc6ee8] {
	order: 2
}

.pz-avatar[data-v-b2bc6ee8] {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	flex-shrink: 0;
	-o-object-fit: cover;
	object-fit: cover
}

.pz-message-content[data-v-b2bc6ee8] {
	max-width: 70%;
	margin: 0 10px
}

.pz-message-name[data-v-b2bc6ee8] {
	font-size: 13px;
	color: #666;
	margin-bottom: 4px;
	display: flex;
	align-items: center;
	gap: 6px
}

.pz-official-tag[data-v-b2bc6ee8] {
	font-size: 10px;
	color: #fa6464;
	background: #fee;
	padding: 2px 6px;
	border-radius: 3px;
	border: none
}

.pz-bubble[data-v-b2bc6ee8] {
	padding: 10px 14px;
	border-radius: 8px;
	font-size: 15px;
	line-height: 1.5;
	word-break: break-word
}

.pz-bubble-left[data-v-b2bc6ee8] {
	background: #fff;
	color: #333;
	border-top-left-radius: 2px
}

.pz-bubble-right[data-v-b2bc6ee8] {
	background: #f7d6d6;
	color: #333;
	border-top-right-radius: 2px
}

.pz-msg-image[data-v-b2bc6ee8] {
	max-width: 200px;
	max-height: 200px;
	min-width: 100px;
	min-height: 100px;
	background-color: #f0f0f0;
	border-radius: 8px;
	cursor: pointer
}

.payment-card[data-v-b2bc6ee8] {
	display: flex;
	flex-direction: column;
	background: #fff;
	padding: 10px 12px;
	border-radius: 12px;
	gap: 12px;
	width: 100%;
	max-width: 240px
}

.payment-card-header[data-v-b2bc6ee8] {
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 14px;
	font-weight: 500;
	color: #333
}

.payment-card-header img[data-v-b2bc6ee8] {
	height: 20px
}

.payment-card-order[data-v-b2bc6ee8] {
	font-size: 13px;
	color: #666
}

.payment-card-btn[data-v-b2bc6ee8] {
	background: #e62e2e;
	color: #fff;
	text-align: center;
	padding: 8px 0;
	border-radius: 6px;
	font-size: 14px;
	cursor: pointer
}

.payment-card-btn[data-v-b2bc6ee8]:active {
	opacity: .8
}

.pz-input-area[data-v-b2bc6ee8] {
	display: flex;
	align-items: center;
	padding: 12px 16px;
	background: #fff;
	border-top: 1px solid #f0f0f0;
	flex-shrink: 0;
	gap: 12px
}

.pz-input-wrapper[data-v-b2bc6ee8] {
	flex: 1;
	background: #f5f5f5;
	border-radius: 20px;
	padding: 10px 16px
}

.pz-input[data-v-b2bc6ee8] {
	width: 100%;
	border: none;
	background: transparent;
	font-size: 15px;
	outline: none
}

.pz-input[data-v-b2bc6ee8]::-moz-placeholder {
	color: #999
}

.pz-input[data-v-b2bc6ee8]::placeholder {
	color: #999
}

.pz-plus-btn[data-v-b2bc6ee8] {
	width: 32px;
	height: 32px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	flex-shrink: 0
}

.pz-send-btn[data-v-b2bc6ee8] {
	background: #f5f5f5;
	border: none;
	padding: 8px 16px;
	border-radius: 18px;
	font-size: 14px;
	color: #333;
	cursor: pointer;
	flex-shrink: 0
}

.pz-success-tip[data-v-b2bc6ee8] {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: rgba(0, 0, 0, .7);
	color: #fff;
	padding: 20px 40px;
	border-radius: 8px;
	z-index: 1000;
	display: flex;
	flex-direction: column;
	align-items: center
}

.pz-success-tip img[data-v-b2bc6ee8] {
	width: 40px;
	height: 40px;
	margin-top: 10px
}

.pz-product-card[data-v-b2bc6ee8] {
	display: flex;
	background: #fff;
	border-radius: 8px;
	padding: 12px;
	margin-bottom: 16px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, .1)
}

.pz-product-img[data-v-b2bc6ee8] {
	width: 80px;
	height: 80px;
	border-radius: 6px;
	-o-object-fit: cover;
	object-fit: cover
}

.pz-product-info[data-v-b2bc6ee8] {
	flex: 1;
	margin-left: 12px;
	display: flex;
	flex-direction: column;
	justify-content: space-between
}

.pz-product-header[data-v-b2bc6ee8] {
	display: flex;
	justify-content: space-between;
	align-items: flex-start
}

.pz-product-title[data-v-b2bc6ee8] {
	font-size: 14px;
	color: #333;
	flex: 1;
	margin: 0
}

.pz-product-close[data-v-b2bc6ee8] {
	background: none;
	border: none;
	font-size: 20px;
	color: #999;
	cursor: pointer
}

.pz-product-footer[data-v-b2bc6ee8] {
	display: flex;
	justify-content: space-between;
	align-items: center
}

.pz-product-price[data-v-b2bc6ee8] {
	font-size: 16px;
	color: #e8b4b8;
	font-weight: 500;
	margin: 0
}

.pz-product-send[data-v-b2bc6ee8] {
	background: #e8b4b8;
	color: #fff;
	border: none;
	padding: 6px 16px;
	border-radius: 16px;
	font-size: 13px;
	cursor: pointer
}

.pz-appraise-modal[data-v-b2bc6ee8] {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, .5);
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 1000
}

.pz-appraise-content[data-v-b2bc6ee8] {
	background: #fff;
	border-radius: 12px;
	padding: 24px;
	width: 90%;
	max-width: 360px;
	position: relative
}

.pz-appraise-close[data-v-b2bc6ee8] {
	position: absolute;
	top: 12px;
	right: 12px;
	background: none;
	border: none;
	font-size: 24px;
	color: #999;
	cursor: pointer
}

.pz-appraise-content h2[data-v-b2bc6ee8] {
	text-align: center;
	font-size: 16px;
	color: #333;
	margin: 0 0 20px 0
}

.pz-emoji-list[data-v-b2bc6ee8] {
	display: flex;
	justify-content: space-around;
	margin-bottom: 20px
}

.pz-emoji-list button[data-v-b2bc6ee8] {
	background: none;
	border: none;
	display: flex;
	flex-direction: column;
	align-items: center;
	cursor: pointer;
	padding: 8px;
	border-radius: 8px
}

.pz-emoji-list button.active[data-v-b2bc6ee8] {
	background: #fef5f5
}

.pz-emoji-list button img[data-v-b2bc6ee8] {
	width: 36px;
	height: 36px
}

.pz-emoji-list button p[data-v-b2bc6ee8] {
	font-size: 11px;
	color: #666;
	margin: 6px 0 0 0
}

.pz-appraise-submit[data-v-b2bc6ee8] {
	width: 100%;
	background: #e8b4b8;
	color: #fff;
	border: none;
	padding: 12px;
	border-radius: 24px;
	font-size: 15px;
	cursor: pointer
}

.image-preview-modal[data-v-b2bc6ee8] {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, .9);
	display: none;
	align-items: center;
	justify-content: center;
	z-index: 9999
}

.image-preview-modal.active[data-v-b2bc6ee8] {
	display: flex
}

.image-preview-content[data-v-b2bc6ee8] {
	max-width: 90%;
	max-height: 90%;
	-o-object-fit: contain;
	object-fit: contain
}

.link-card-msg[data-v-b2bc6ee8] {
	background: #fff;
	border-radius: 12px;
	overflow: hidden;
	max-width: 260px
}

.link-card-inner[data-v-b2bc6ee8] {
	padding: .75rem
}

.link-card-title[data-v-b2bc6ee8] {
	font-size: .875rem;
	font-weight: 500;
	color: #111;
	margin: 0 0 10px 0;
	line-height: 1.4;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis
}

.link-card-btn[data-v-b2bc6ee8] {
	display: block;
	width: 100%;
	padding: 8px 0;
	text-align: center;
	background: #007aff;
	color: #fff;
	font-size: .8125rem;
	font-weight: 500;
	border-radius: 6px;
	cursor: pointer;
	transition: opacity .2s
}

.link-card-btn[data-v-b2bc6ee8]:active {
	opacity: .8
}

.pz-chat-page[data-v-2a16bde3] {
	width: 100%;
	height: 100vh;
	height: var(--app-height, 100dvh);
	display: flex;
	flex-direction: column;
	background: #f5f5f5;
	font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif
}

.pz-error-container[data-v-2a16bde3],
.pz-loading-container[data-v-2a16bde3] {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	height: 100vh;
	background: #fff
}

.pz-error-icon[data-v-2a16bde3] {
	font-size: 48px;
	margin-bottom: 16px
}

.pz-error-title[data-v-2a16bde3] {
	font-size: 20px;
	font-weight: 700;
	color: #333;
	margin-bottom: 8px
}

.pz-error-message[data-v-2a16bde3] {
	font-size: 14px;
	color: #666
}

.pz-loading-spinner[data-v-2a16bde3] {
	width: 40px;
	height: 40px;
	border: 3px solid #f3f3f3;
	border-top: 3px solid #e8b4b8;
	border-radius: 50%;
	animation: pz-spin-2a16bde3 1s linear infinite
}

.pz-loading-text[data-v-2a16bde3] {
	margin-top: 16px;
	color: #666
}

@keyframes pz-spin-2a16bde3 {
	0% {
		transform: rotate(0deg)
	}

	to {
		transform: rotate(1turn)
	}
}

.pz-chat-wrapper[data-v-2a16bde3] {
	flex: 1;
	display: flex;
	flex-direction: column;
	background: #f8f4f4;
	overflow: hidden
}

.pz-header[data-v-2a16bde3] {
	display: flex;
	align-items: center;
	padding: 12px 16px;
	background: #fff;
	border-bottom: 1px solid #f0f0f0;
	flex-shrink: 0
}

.pz-back[data-v-2a16bde3] {
	width: 32px;
	height: 32px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer
}

.pz-header-info[data-v-2a16bde3] {
	flex: 1;
	margin-left: 8px
}

.pz-header-title[data-v-2a16bde3] {
	font-size: 16px;
	font-weight: 500;
	color: #333
}

.pz-header-status[data-v-2a16bde3] {
	font-size: 12px;
	color: #666
}

.pz-online-status[data-v-2a16bde3] {
	color: #4caf50;
	margin-top: 2px
}

.pz-messages[data-v-2a16bde3] {
	flex: 1;
	overflow-y: auto;
	padding: 16px;
	background: #f8f4f4
}

.pz-message[data-v-2a16bde3] {
	display: flex;
	margin-bottom: 16px;
	align-items: flex-start
}

.pz-message-left[data-v-2a16bde3] {
	flex-direction: row
}

.pz-message-right[data-v-2a16bde3] {
	flex-direction: row;
	justify-content: flex-end
}

.pz-message-right .pz-message-content[data-v-2a16bde3] {
	order: 1
}

.pz-message-right .pz-avatar[data-v-2a16bde3] {
	order: 2
}

.pz-avatar[data-v-2a16bde3] {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	flex-shrink: 0;
	-o-object-fit: cover;
	object-fit: cover
}

.pz-message-content[data-v-2a16bde3] {
	max-width: 70%;
	margin: 0 10px
}

.pz-message-name[data-v-2a16bde3] {
	font-size: 13px;
	color: #666;
	margin-bottom: 4px;
	display: flex;
	align-items: center;
	gap: 6px
}

.pz-official-tag[data-v-2a16bde3] {
	font-size: 10px;
	color: #fa6464;
	background: #fee;
	padding: 2px 6px;
	border-radius: 3px;
	border: none
}

.pz-seller-tag[data-v-2a16bde3] {
	font-size: 10px;
	color: #666;
	background: #e8e8e8;
	padding: 2px 6px;
	border-radius: 3px
}

.pz-bubble[data-v-2a16bde3] {
	display: inline-block;
	padding: 10px 14px;
	border-radius: 8px;
	font-size: 15px;
	line-height: 1.5;
	word-break: break-word;
	max-width: 100%
}

.pz-bubble-left[data-v-2a16bde3] {
	background: #fff;
	color: #333;
	border-top-left-radius: 2px
}

.pz-bubble-right[data-v-2a16bde3] {
	background: #f7d6d6;
	color: #333;
	border-top-right-radius: 2px
}

.pz-msg-image[data-v-2a16bde3] {
	max-width: 200px;
	max-height: 200px;
	min-width: 100px;
	min-height: 100px;
	background-color: #f0f0f0;
	border-radius: 8px;
	cursor: pointer
}

.pz-input-area[data-v-2a16bde3] {
	display: flex;
	align-items: center;
	padding: 12px 16px;
	background: #fff;
	border-top: 1px solid #f0f0f0;
	flex-shrink: 0;
	gap: 12px
}

.pz-input-wrapper[data-v-2a16bde3] {
	flex: 1;
	background: #f5f5f5;
	border-radius: 20px;
	padding: 10px 16px
}

.pz-input[data-v-2a16bde3] {
	width: 100%;
	border: none;
	background: transparent;
	font-size: 15px;
	outline: none
}

.pz-input[data-v-2a16bde3]::-moz-placeholder {
	color: #999
}

.pz-input[data-v-2a16bde3]::placeholder {
	color: #999
}

.pz-plus-btn[data-v-2a16bde3] {
	width: 32px;
	height: 32px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	flex-shrink: 0
}

.pz-send-btn[data-v-2a16bde3] {
	background: #f5f5f5;
	border: none;
	padding: 8px 16px;
	border-radius: 18px;
	font-size: 14px;
	color: #333;
	cursor: pointer;
	flex-shrink: 0
}

.pz-success-tip[data-v-2a16bde3] {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: rgba(0, 0, 0, .7);
	color: #fff;
	padding: 20px 40px;
	border-radius: 8px;
	z-index: 1000;
	display: flex;
	flex-direction: column;
	align-items: center
}

.pz-success-tip img[data-v-2a16bde3] {
	width: 40px;
	height: 40px;
	margin-top: 10px
}

.pz-product-card[data-v-2a16bde3] {
	display: flex;
	background: #fff;
	border-radius: 8px;
	padding: 12px;
	margin-bottom: 16px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, .1)
}

.pz-product-img[data-v-2a16bde3] {
	width: 80px;
	height: 80px;
	border-radius: 6px;
	-o-object-fit: cover;
	object-fit: cover
}

.pz-product-info[data-v-2a16bde3] {
	flex: 1;
	margin-left: 12px;
	display: flex;
	flex-direction: column;
	justify-content: space-between
}

.pz-product-header[data-v-2a16bde3] {
	display: flex;
	justify-content: space-between;
	align-items: flex-start
}

.pz-product-title[data-v-2a16bde3] {
	font-size: 14px;
	color: #333;
	flex: 1;
	margin: 0
}

.pz-product-close[data-v-2a16bde3] {
	background: none;
	border: none;
	font-size: 20px;
	color: #999;
	cursor: pointer
}

.pz-product-footer[data-v-2a16bde3] {
	display: flex;
	justify-content: space-between;
	align-items: center
}

.pz-product-price[data-v-2a16bde3] {
	font-size: 16px;
	color: #e8b4b8;
	font-weight: 500;
	margin: 0
}

.pz-product-send[data-v-2a16bde3] {
	background: #e8b4b8;
	color: #fff;
	border: none;
	padding: 6px 16px;
	border-radius: 16px;
	font-size: 13px;
	cursor: pointer
}

.pz-appraise-modal[data-v-2a16bde3] {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, .5);
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 1000
}

.pz-appraise-content[data-v-2a16bde3] {
	background: #fff;
	border-radius: 12px;
	padding: 24px;
	width: 90%;
	max-width: 360px;
	position: relative
}

.pz-appraise-close[data-v-2a16bde3] {
	position: absolute;
	top: 12px;
	right: 12px;
	background: none;
	border: none;
	font-size: 24px;
	color: #999;
	cursor: pointer
}

.pz-appraise-content h2[data-v-2a16bde3] {
	text-align: center;
	font-size: 16px;
	color: #333;
	margin: 0 0 20px 0
}

.pz-emoji-list[data-v-2a16bde3] {
	display: flex;
	justify-content: space-around;
	margin-bottom: 20px
}

.pz-emoji-list button[data-v-2a16bde3] {
	background: none;
	border: none;
	display: flex;
	flex-direction: column;
	align-items: center;
	cursor: pointer;
	padding: 8px;
	border-radius: 8px
}

.pz-emoji-list button.active[data-v-2a16bde3] {
	background: #fef5f5
}

.pz-emoji-list button img[data-v-2a16bde3] {
	width: 36px;
	height: 36px
}

.pz-emoji-list button p[data-v-2a16bde3] {
	font-size: 11px;
	color: #666;
	margin: 6px 0 0 0
}

.pz-appraise-submit[data-v-2a16bde3] {
	width: 100%;
	background: #e8b4b8;
	color: #fff;
	border: none;
	padding: 12px;
	border-radius: 24px;
	font-size: 15px;
	cursor: pointer
}

.payment-card[data-v-2a16bde3] {
	display: flex;
	flex-direction: column;
	background: #fff;
	padding: 10px 12px;
	border-radius: 12px;
	gap: 12px;
	width: 100%;
	max-width: 240px
}

.payment-card-header[data-v-2a16bde3] {
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 14px;
	font-weight: 500;
	color: #333
}

.payment-card-header img[data-v-2a16bde3] {
	height: 20px
}

.payment-card-order[data-v-2a16bde3] {
	font-size: 13px;
	color: #666
}

.payment-card-btn[data-v-2a16bde3] {
	background: #e62e2e;
	color: #fff;
	text-align: center;
	padding: 8px 0;
	border-radius: 6px;
	font-size: 14px;
	cursor: pointer
}

.payment-card-btn[data-v-2a16bde3]:active {
	opacity: .8
}

.image-preview-modal[data-v-2a16bde3] {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, .9);
	display: none;
	align-items: center;
	justify-content: center;
	z-index: 9999
}

.image-preview-modal.active[data-v-2a16bde3] {
	display: flex
}

.image-preview-content[data-v-2a16bde3] {
	max-width: 90%;
	max-height: 90%;
	-o-object-fit: contain;
	object-fit: contain
}

.link-card-msg[data-v-2a16bde3] {
	background: #fff;
	border-radius: 12px;
	overflow: hidden;
	max-width: 260px
}

.link-card-inner[data-v-2a16bde3] {
	padding: .75rem
}

.link-card-title[data-v-2a16bde3] {
	font-size: .875rem;
	font-weight: 500;
	color: #111;
	margin: 0 0 10px 0;
	line-height: 1.4;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis
}

.link-card-btn[data-v-2a16bde3] {
	display: block;
	width: 100%;
	padding: 8px 0;
	text-align: center;
	background: #007aff;
	color: #fff;
	font-size: .8125rem;
	font-weight: 500;
	border-radius: 6px;
	cursor: pointer;
	transition: opacity .2s
}

.link-card-btn[data-v-2a16bde3]:active {
	opacity: .8
}

.jym-error-container[data-v-9c580cac] {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	height: 100vh;
	background: #f5f5f5
}

.jym-error-icon[data-v-9c580cac] {
	font-size: 64px;
	margin-bottom: 20px
}

.jym-error-title[data-v-9c580cac] {
	font-size: 24px;
	font-weight: 700;
	color: #333;
	margin-bottom: 10px
}

.jym-error-message[data-v-9c580cac] {
	font-size: 14px;
	color: #666
}

.jym-loading-container[data-v-9c580cac] {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	height: 100vh;
	background: #f5f5f5
}

.jym-loading-spinner[data-v-9c580cac] {
	width: 40px;
	height: 40px;
	border: 3px solid #ddd;
	border-top-color: #39f;
	border-radius: 50%;
	animation: jym-spin-9c580cac 1s linear infinite
}

@keyframes jym-spin-9c580cac {
	to {
		transform: rotate(1turn)
	}
}

.jym-loading-text[data-v-9c580cac] {
	margin-top: 16px;
	font-size: 14px;
	color: #666
}

[data-v-9c580cac]:root {
	--brand-1: #39f;
	--brand-2: #39f;
	--brand-3: #fff;
	--white: #fff;
	--gray-1: #1f1f1f;
	--gray-2: #6e6e6e;
	--gray-3: #999;
	--gray-5: #ddd;
	--gray-6: #eee;
	--gray-7: #f5f5f5;
	--gray-8: #f7f7f7;
	--light-1: #fff;
	--light-2: #f7f7f7;
	--gutter: 12px;
	--font-size-xs: 12px;
	--font-size-sm: 13px;
	--font-size-md: 14px
}

.theme-小蜜通用皮肤1[data-v-9c580cac] {
	font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;
	width: 100%;
	height: 100%
}

#root[data-v-9c580cac] {
	width: 100%;
	height: 100%
}

.ChatApp[data-v-9c580cac] {
	display: flex;
	flex-direction: column;
	height: 100vh;
	height: var(--app-height, 100dvh);
	background-color: #f7f7f7
}

.xy-personalise-header[data-v-9c580cac] {
	background-color: #f7f7f7;
	flex-shrink: 0
}

.xy-personalise-header-normal[data-v-9c580cac] {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-end;
	height: 110px;
	padding-bottom: 24px;
	color: #999;
	font-size: 13px
}

.xy-personalise-header-normal p[data-v-9c580cac] {
	margin: 2px 0
}

.MessageContainer[data-v-9c580cac] {
	flex: 1;
	overflow-y: auto;
	background-color: #f7f7f7
}

.MessageList[data-v-9c580cac] {
	padding: 10px
}

.xy-first-screen-prediction[data-v-9c580cac] {
	background: #fff;
	padding-left: 10px;
	padding-right: 10px;
	border-radius: 10px
}

.xy-first-screen-prediction .CardContent[data-v-9c580cac] {
	padding: 0
}

.xy-first-screen-prediction .common-container[data-v-9c580cac] {
	margin-top: 5px
}

.xy-first-screen-prediction .common-container[data-v-9c580cac]:first-of-type {
	margin-top: 10px
}

.xy-first-screen-prediction .ActionContainer[data-v-9c580cac] {
	margin-bottom: 8px;
	padding: 0
}

.xy-first-screen-prediction .predictions-container[data-v-9c580cac] {
	border-top: 1px solid rgba(0, 0, 0, .06);
	height: 44px;
	line-height: 44px;
	cursor: pointer
}

.xy-first-screen-prediction .predictions-content[data-v-9c580cac] {
	height: 100%
}

.xy-first-screen-prediction .predictions-text[data-v-9c580cac] {
	color: #1f1f1f;
	font-size: .875rem;
	font-weight: 400
}

.RichText[data-v-9c580cac] {
	font-size: 14px;
	line-height: 1.6;
	color: #333
}

.RichText .underline[data-v-9c580cac] {
	background: linear-gradient(180deg, transparent 70%, #39f 0)
}

.RichText em[data-v-9c580cac] {
	color: var(--brand-1);
	font-style: normal
}

.RichText p[data-v-9c580cac] {
	margin: 0 0 8px
}

.RichText p[data-v-9c580cac]:last-child {
	margin-bottom: 0
}

.Flex[data-v-9c580cac] {
	display: flex
}

.Flex--d-c[data-v-9c580cac] {
	flex-direction: column
}

.Flex--jc-sb[data-v-9c580cac] {
	justify-content: space-between
}

.Flex--ai-c[data-v-9c580cac] {
	align-items: center
}

.Flex--center[data-v-9c580cac] {
	justify-content: center;
	align-items: center
}

.FlexItem[data-v-9c580cac] {
	flex: 1;
	min-width: 0
}

.Btn[data-v-9c580cac] {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 8px 16px;
	border: 1px solid #ddd;
	border-radius: 20px;
	background: #fff;
	font-size: 14px;
	cursor: pointer
}

.Btn--primary[data-v-9c580cac] {
	background: #39f !important;
	color: #fff !important;
	border-color: #39f !important
}

.Btn--lg[data-v-9c580cac] {
	padding: 12px 20px
}

.Btn--sm[data-v-9c580cac] {
	padding: 4px 12px;
	font-size: 12px
}

.Btn--block[data-v-9c580cac] {
	width: 100%
}

.IconBtn[data-v-9c580cac] {
	padding: 8px;
	border: none;
	background: transparent
}

.Icon[data-v-9c580cac] {
	width: 24px;
	height: 24px;
	fill: currentColor
}

.ChatFooter[data-v-9c580cac] {
	background: #f7f7f7;
	flex-shrink: 0
}

.QuickReplies[data-v-9c580cac] {
	padding: 8px 12px;
	overflow-x: auto
}

.ScrollView-scroller[data-v-9c580cac] {
	display: inline-flex
}

.ScrollView-inner[data-v-9c580cac] {
	display: flex;
	gap: 8px
}

.QuickReply[data-v-9c580cac] {
	display: inline-flex !important;
	align-items: center !important;
	padding: 6px 12px !important;
	border: 1px solid #ddd !important;
	border-radius: 16px !important;
	background: #fff !important;
	font-size: 13px !important;
	cursor: pointer !important;
	white-space: nowrap !important
}

.QuickReply.highlight[data-v-9c580cac] {
	background: #39f !important;
	color: #fff !important;
	border-color: #39f !important
}

.QuickReply.highlight .QuickReply-inner span[data-v-9c580cac],
.QuickReply.highlight span[data-v-9c580cac] {
	color: #fff !important
}

.QuickReply .QuickReply-inner span[data-v-9c580cac],
.QuickReply span[data-v-9c580cac] {
	color: #333 !important;
	font-size: 13px !important
}

.QuickReply-inner[data-v-9c580cac] {
	display: flex !important;
	align-items: center !important;
	gap: 4px !important
}

.QuickReply-inner span[data-v-9c580cac] {
	display: inline-block !important;
	visibility: visible !important;
	opacity: 1 !important
}

.QuickReply-inner[data-v-9c580cac] {
	display: flex;
	align-items: center;
	gap: 4px
}

.Composer[data-v-9c580cac] {
	display: flex;
	align-items: flex-end;
	padding: 8px 12px;
	gap: 8px;
	background: #f7f9f9
}

.Composer-inputWrap[data-v-9c580cac] {
	flex: 1
}

.Composer-input[data-v-9c580cac] {
	width: 100%;
	padding: 8px 12px;
	border: none;
	border-radius: 18px;
	background: #fff;
	font-size: 14px;
	resize: none;
	outline: none;
	box-sizing: border-box
}

.Composer-actions[data-v-9c580cac] {
	flex-shrink: 0
}

.Composer-toggleBtn[data-v-9c580cac] {
	color: #999
}

.Composer-toggleBtn.active[data-v-9c580cac] {
	transform: rotate(45deg)
}

.Composer-sendBtn[data-v-9c580cac] {
	background: #39f;
	color: #fff;
	border: none;
	border-radius: 18px;
	padding: 8px 16px;
	cursor: pointer
}

.Toolbar[data-v-9c580cac] {
	display: flex;
	padding: 16px;
	background: #fff
}

.Toolbar-item[data-v-9c580cac] {
	flex: 1;
	text-align: center
}

.Toolbar-btn[data-v-9c580cac] {
	display: flex;
	flex-direction: column;
	align-items: center;
	border: none;
	background: transparent;
	cursor: pointer;
	width: 100%
}

.Toolbar-btnIcon[data-v-9c580cac] {
	width: 48px;
	height: 48px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #f5f5f5;
	border-radius: 12px;
	margin-bottom: 4px
}

.Toolbar-btnIcon .Icon[data-v-9c580cac] {
	width: 24px;
	height: 24px;
	color: #666
}

.Toolbar-btnText[data-v-9c580cac] {
	font-size: 12px;
	color: #666
}

.EmojiPicker[data-v-9c580cac] {
	display: flex;
	flex-wrap: wrap;
	padding: 12px;
	background: #fff;
	max-height: 200px;
	overflow-y: auto
}

.EmojiPicker-item[data-v-9c580cac] {
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer
}

.EmojiPicker-item[data-v-9c580cac]:hover {
	background: #f5f5f5;
	border-radius: 8px
}

.EmojiPicker-emoji[data-v-9c580cac] {
	display: block
}

.EmojiPicker-emoji .Image[data-v-9c580cac] {
	width: 32px;
	height: 32px
}

.Popup[data-v-9c580cac] {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1000;
	display: flex;
	align-items: flex-end
}

.Backdrop[data-v-9c580cac] {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, .5);
	transition: opacity .3s
}

.Popup-dialog[data-v-9c580cac] {
	position: relative;
	width: 100%;
	background: #fff;
	border-radius: 16px 16px 0 0;
	transition: opacity .3s;
	max-height: 80vh
}

.Popup-header[data-v-9c580cac] {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 16px;
	border-bottom: 1px solid #eee;
	position: relative
}

.Popup-title[data-v-9c580cac] {
	font-size: 16px;
	font-weight: 600;
	margin: 0
}

.Popup-close[data-v-9c580cac] {
	position: absolute;
	right: 8px;
	top: 50%;
	transform: translateY(-50%)
}

.Popup-body[data-v-9c580cac] {
	overflow-y: auto
}

.Popup-footer[data-v-9c580cac] {
	padding: 12px 16px
}

.Tabs-nav[data-v-9c580cac] {
	display: flex;
	position: relative;
	border-bottom: 1px solid #eee
}

.Tabs-navItem[data-v-9c580cac] {
	flex: 1
}

.Tabs-navLink[data-v-9c580cac] {
	display: block;
	width: 100%;
	padding: 12px;
	border: none;
	background: transparent;
	font-size: 14px;
	color: #666;
	cursor: pointer;
	text-align: center
}

.Tabs-navLink.active[data-v-9c580cac] {
	color: #39f;
	font-weight: 600
}

.Tabs-navPointer[data-v-9c580cac] {
	position: absolute;
	bottom: 0;
	height: 2px;
	background: #39f;
	transition: transform .3s
}

.Search[data-v-9c580cac] {
	display: flex;
	align-items: center;
	padding: 12px;
	gap: 8px
}

.Search-icon[data-v-9c580cac] {
	width: 20px;
	height: 20px;
	color: #999
}

.Search-input[data-v-9c580cac] {
	flex: 1;
	padding: 8px 12px;
	border: 1px solid #ddd;
	border-radius: 18px;
	font-size: 14px;
	outline: none
}

.OrderList[data-v-9c580cac] {
	padding: 0 12px;
	max-height: 400px;
	overflow-y: auto
}

.OrderGroup[data-v-9c580cac] {
	background: #fff;
	border-radius: 12px;
	margin-bottom: 12px
}

.OrderGroup-header[data-v-9c580cac] {
	padding: 12px
}

.OrderGroup-logo[data-v-9c580cac] {
	width: 20px;
	margin-right: 8px
}

.OrderGroup-logo img[data-v-9c580cac] {
	width: 100%;
	display: block
}

.OrderGroup-name[data-v-9c580cac] {
	font-size: 14px;
	font-weight: 500;
	margin: 0
}

.OrderGroup-body[data-v-9c580cac] {
	padding: 0 12px 12px
}

.Goods[data-v-9c580cac] {
	display: flex;
	gap: 12px
}

.Goods-img[data-v-9c580cac] {
	width: 80px;
	height: 80px;
	border-radius: 8px;
	-o-object-fit: cover;
	object-fit: cover
}

.Goods-name[data-v-9c580cac] {
	font-size: 14px;
	margin: 0 0 4px
}

.Goods-aside[data-v-9c580cac] {
	text-align: right
}

.Goods-slot[data-v-9c580cac] {
	margin-top: 8px
}

.Price[data-v-9c580cac] {
	color: #39f;
	font-weight: 600
}

.Price-currency[data-v-9c580cac] {
	font-size: 12px
}

.Price-integer[data-v-9c580cac] {
	font-size: 16px
}

.Empty[data-v-9c580cac] {
	padding: 40px 20px;
	text-align: center
}

.Empty-img[data-v-9c580cac] {
	width: 120px;
	margin-bottom: 16px
}

.Empty-tip[data-v-9c580cac] {
	color: #999;
	font-size: 14px
}

.ViolationList[data-v-9c580cac] {
	padding: 20px;
	min-height: 200px
}

[data-v-9c580cac] .Message {
	margin-bottom: 16px
}

[data-v-9c580cac] .Message-main {
	display: flex;
	align-items: flex-start
}

[data-v-9c580cac] .Message.right .Message-main {
	flex-direction: row-reverse
}

[data-v-9c580cac] .Message.right .Message-inner {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	max-width: 75%
}

[data-v-9c580cac] .Avatar {
	flex-shrink: 0;
	width: 36px !important;
	height: 36px !important;
	min-width: 36px;
	max-width: 36px;
	margin: 0 8px;
	border-radius: 50%;
	overflow: hidden
}

[data-v-9c580cac] .Avatar img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	display: block
}

[data-v-9c580cac] .Bubble {
	padding: 10px 12px;
	border-radius: 12px;
	display: inline-block;
	max-width: 100%
}

[data-v-9c580cac] .Bubble p {
	margin: 0;
	line-height: 1.5
}

[data-v-9c580cac] .Message.left .Bubble {
	background-color: #fff;
	color: #333
}

[data-v-9c580cac] .Message.right .Bubble {
	background-color: #39f;
	color: #fff
}

[data-v-9c580cac] .ComponentMessage,
[data-v-9c580cac] .OrderCard {
	background: #fff;
	border-radius: 12px
}

[data-v-9c580cac] .OrderCard {
	min-width: 240px
}

[data-v-9c580cac] .OrderCard .Goods {
	padding: 12px;
	display: flex;
	gap: 8px
}

[data-v-9c580cac] .OrderCard .shopimg {
	width: 60px;
	height: 60px;
	min-width: 60px;
	border-radius: 8px;
	overflow: hidden
}

[data-v-9c580cac] .OrderCard .shopimg img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

[data-v-9c580cac] .InnerWrapper {
	padding: 12px
}

[data-v-9c580cac] .Typography-knowledge {
	padding: 12px 0
}

[data-v-9c580cac] .Typography-knowledge .item {
	margin-bottom: 12px
}

[data-v-9c580cac] .Typography-knowledge .action {
	display: flex;
	gap: 8px;
	flex-wrap: wrap
}

[data-v-9c580cac] .Typography-knowledge .action .Btn {
	flex: 1;
	min-width: 80px
}

[data-v-9c580cac] .RateActions {
	display: flex;
	justify-content: flex-end;
	padding: 8px 12px;
	border-top: 1px solid #eee;
	gap: 8px
}

[data-v-9c580cac] .RateBtn {
	color: #999;
	background: transparent;
	border: none;
	cursor: pointer
}

[data-v-9c580cac] .RateBtn .Icon {
	width: 20px;
	height: 20px
}

[data-v-9c580cac] .Price {
	color: #39f;
	font-weight: 600
}

[data-v-9c580cac] .Goods-desc {
	font-size: 12px;
	color: #999;
	margin: 4px 0 0
}

[data-v-9c580cac] .Goods-desc ul {
	margin: 0;
	padding: 0;
	list-style: none
}

.slide-in-right-item[data-v-9c580cac] {
	animation: slideInRight-9c580cac .3s ease-out
}

@keyframes slideInRight-9c580cac {
	0% {
		opacity: 0;
		transform: translateX(20px)
	}

	to {
		opacity: 1;
		transform: translateX(0)
	}
}

.payment-card[data-v-9c580cac] {
	display: flex;
	flex-direction: column;
	background: #fff;
	padding: 10px 12px;
	border-radius: 12px;
	gap: 12px;
	width: 100%;
	max-width: 240px
}

.payment-card-header[data-v-9c580cac] {
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 14px;
	font-weight: 500;
	color: #333
}

.payment-card-header img[data-v-9c580cac] {
	height: 20px
}

.payment-card-order[data-v-9c580cac] {
	font-size: 13px;
	color: #666
}

.payment-card-btn[data-v-9c580cac] {
	background: #f90;
	color: #fff;
	text-align: center;
	padding: 8px 0;
	border-radius: 6px;
	font-size: 14px;
	cursor: pointer
}

.payment-card-btn[data-v-9c580cac]:active {
	opacity: .8
}

.image-preview-modal[data-v-9c580cac] {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, .9);
	display: none;
	align-items: center;
	justify-content: center;
	z-index: 9999
}

.image-preview-modal.active[data-v-9c580cac] {
	display: flex
}

.image-preview-content[data-v-9c580cac] {
	max-width: 90%;
	max-height: 90%;
	-o-object-fit: contain;
	object-fit: contain
}

.link-card-msg[data-v-9c580cac] {
	background: #fff;
	border-radius: 12px;
	overflow: hidden;
	max-width: 260px
}

.link-card-inner[data-v-9c580cac] {
	padding: .75rem
}

.link-card-title[data-v-9c580cac] {
	font-size: .875rem;
	font-weight: 500;
	color: #111;
	margin: 0 0 10px 0;
	line-height: 1.4;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis
}

.link-card-btn[data-v-9c580cac] {
	display: block;
	width: 100%;
	padding: 8px 0;
	text-align: center;
	background: #007aff;
	color: #fff;
	font-size: .8125rem;
	font-weight: 500;
	border-radius: 6px;
	cursor: pointer;
	transition: opacity .2s
}

.link-card-btn[data-v-9c580cac]:active {
	opacity: .8
}

.yl-chat-page[data-v-0c5f4318] {
	height: 100vh;
	height: var(--app-height, 100dvh);
	display: flex;
	flex-direction: column;
	background: #f5f5f5;
	font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif
}

.yl-error-container[data-v-0c5f4318],
.yl-loading-container[data-v-0c5f4318] {
	height: 100vh;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background: #fff
}

.yl-error-icon[data-v-0c5f4318] {
	font-size: 64px;
	margin-bottom: 20px
}

.yl-error-title[data-v-0c5f4318] {
	font-size: 20px;
	font-weight: 600;
	color: #333;
	margin-bottom: 10px
}

.yl-error-message[data-v-0c5f4318] {
	font-size: 14px;
	color: #999
}

.yl-loading-spinner[data-v-0c5f4318] {
	width: 40px;
	height: 40px;
	border: 3px solid #f3f3f3;
	border-top: 3px solid #e8685d;
	border-radius: 50%;
	animation: spin-0c5f4318 1s linear infinite;
	margin-bottom: 16px
}

@keyframes spin-0c5f4318 {
	0% {
		transform: rotate(0deg)
	}

	to {
		transform: rotate(1turn)
	}
}

.yl-loading-text[data-v-0c5f4318] {
	font-size: 14px;
	color: #666
}

.yl-chat-container[data-v-0c5f4318] {
	flex: 1;
	display: flex;
	flex-direction: column;
	background: #fff;
	overflow: hidden
}

.Nai-4lg2vHR7o-Long[data-v-0c5f4318] {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 8px;
	padding: 12px 16px;
	background: #fff;
	border-bottom: 1px solid #eee;
	flex-shrink: 0
}

.Nai-jyPOXfXH1-Long[data-v-0c5f4318] {
	width: 24px;
	height: 24px;
	cursor: pointer
}

.Nai-EzD-TlcDL-Long[data-v-0c5f4318] {
	height: 32px;
	-o-object-fit: contain;
	object-fit: contain
}

.yl-messages[data-v-0c5f4318] {
	flex: 1;
	overflow-y: auto;
	padding: 16px;
	background: #f8f8f8
}

.yl-message[data-v-0c5f4318] {
	display: flex;
	margin-bottom: 16px;
	align-items: flex-start
}

.yl-message-right[data-v-0c5f4318] {
	flex-direction: row-reverse
}

.Nai-LgT6OkF7v-Long[data-v-0c5f4318] {
	width: var(--avatarSize, 40px);
	height: var(--avatarSize, 40px);
	border-radius: var(--avatarBorderRadius, 0);
	overflow: hidden;
	flex-shrink: 0
}

.Nai-LgT6OkF7v-Long img[data-v-0c5f4318] {
	width: 100%;
	height: 100%;
	-o-object-fit: contain;
	object-fit: contain
}

.yl-avatar[data-v-0c5f4318] {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	overflow: hidden;
	flex-shrink: 0;
	background: #fff
}

.yl-avatar img[data-v-0c5f4318] {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

.yl-bubble[data-v-0c5f4318] {
	max-width: 70%;
	padding: 10px 14px;
	border-radius: 8px;
	font-size: 15px;
	line-height: 1.5;
	word-break: break-word;
	margin: 0 10px
}

.yl-bubble-agent[data-v-0c5f4318] {
	background: #fff;
	color: #333
}

.yl-bubble-customer[data-v-0c5f4318] {
	background: #f0a099;
	color: #fff
}

.yl-msg-image[data-v-0c5f4318] {
	max-width: 200px;
	min-width: 100px;
	min-height: 100px;
	background-color: #f0f0f0;
	border-radius: 8px;
	cursor: pointer
}

.yl-input-area[data-v-0c5f4318] {
	background: #fff;
	padding: 12px 16px;
	border-top: 1px solid #eee;
	flex-shrink: 0
}

.yl-input-row[data-v-0c5f4318] {
	display: flex;
	align-items: center;
	gap: 12px
}

.yl-input-wrapper[data-v-0c5f4318] {
	flex: 1;
	background: #f5f5f5;
	border-radius: 20px;
	padding: 8px 16px
}

.yl-input[data-v-0c5f4318] {
	width: 100%;
	border: none;
	background: transparent;
	font-size: 15px;
	outline: none
}

.yl-input[data-v-0c5f4318]::-moz-placeholder {
	color: #999
}

.yl-input[data-v-0c5f4318]::placeholder {
	color: #999
}

.yl-add-btn[data-v-0c5f4318] {
	background: none;
	padding: 0
}

.yl-add-btn[data-v-0c5f4318],
.yl-send-btn[data-v-0c5f4318] {
	width: 32px;
	height: 32px;
	border: none;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0
}

.yl-send-btn[data-v-0c5f4318] {
	background: #f0a099;
	border-radius: 50%
}

.yl-toolbar[data-v-0c5f4318] {
	display: flex;
	padding: 16px 20px;
	background: #f8f8f8;
	border-top: 1px solid #eee;
	margin-top: 10px;
	border-radius: 8px
}

.yl-toolbar-item[data-v-0c5f4318] {
	display: flex;
	flex-direction: column;
	align-items: center;
	cursor: pointer;
	padding: 8px 16px
}

.yl-toolbar-icon[data-v-0c5f4318] {
	width: 50px;
	height: 50px;
	background: #fff;
	border-radius: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 6px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, .1)
}

.yl-toolbar-text[data-v-0c5f4318] {
	font-size: 12px;
	color: #666
}

.payment-card[data-v-0c5f4318] {
	display: flex;
	flex-direction: column;
	background: #fff;
	padding: 10px 12px;
	border-radius: 12px;
	gap: 12px;
	width: 100%;
	max-width: 240px;
	margin: 0 10px
}

.payment-card-header[data-v-0c5f4318] {
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 14px;
	font-weight: 500;
	color: #333
}

.payment-card-header img[data-v-0c5f4318] {
	height: 20px
}

.payment-card-order[data-v-0c5f4318] {
	font-size: 13px;
	color: #666
}

.payment-card-btn[data-v-0c5f4318] {
	background: #e62e2e;
	color: #fff;
	text-align: center;
	padding: 8px 0;
	border-radius: 6px;
	font-size: 14px;
	cursor: pointer
}

.payment-card-btn[data-v-0c5f4318]:active {
	opacity: .8
}

.image-preview-modal[data-v-0c5f4318] {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, .9);
	display: none;
	align-items: center;
	justify-content: center;
	z-index: 9999
}

.image-preview-modal.active[data-v-0c5f4318] {
	display: flex
}

.image-preview-content[data-v-0c5f4318] {
	max-width: 90%;
	max-height: 90%;
	-o-object-fit: contain;
	object-fit: contain
}

.link-card-msg[data-v-0c5f4318] {
	background: #fff;
	border-radius: 12px;
	overflow: hidden;
	max-width: 260px
}

.link-card-inner[data-v-0c5f4318] {
	padding: .75rem
}

.link-card-title[data-v-0c5f4318] {
	font-size: .875rem;
	font-weight: 500;
	color: #111;
	margin: 0 0 10px 0;
	line-height: 1.4;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis
}

.link-card-btn[data-v-0c5f4318] {
	display: block;
	width: 100%;
	padding: 8px 0;
	text-align: center;
	background: #007aff;
	color: #fff;
	font-size: .8125rem;
	font-weight: 500;
	border-radius: 6px;
	cursor: pointer;
	transition: opacity .2s
}

.link-card-btn[data-v-0c5f4318]:active {
	opacity: .8
}

.wx-chat-page[data-v-131750cc] {
	height: 100vh;
	height: var(--app-height, 100dvh);
	display: flex;
	flex-direction: column;
	background: #ebebeb;
	font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif
}

.wx-error-container[data-v-131750cc],
.wx-loading-container[data-v-131750cc] {
	height: 100vh;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background: #fff
}

.wx-error-icon[data-v-131750cc] {
	font-size: 64px;
	margin-bottom: 20px
}

.wx-error-title[data-v-131750cc] {
	font-size: 20px;
	font-weight: 600;
	color: #333;
	margin-bottom: 10px
}

.wx-error-message[data-v-131750cc] {
	font-size: 14px;
	color: #999
}

.wx-loading-spinner[data-v-131750cc] {
	width: 40px;
	height: 40px;
	border: 3px solid #f3f3f3;
	border-top: 3px solid #07c160;
	border-radius: 50%;
	animation: spin-131750cc 1s linear infinite;
	margin-bottom: 16px
}

@keyframes spin-131750cc {
	0% {
		transform: rotate(0deg)
	}

	to {
		transform: rotate(1turn)
	}
}

.wx-loading-text[data-v-131750cc] {
	font-size: 14px;
	color: #666
}

.wx-chat-container[data-v-131750cc] {
	flex: 1;
	display: flex;
	flex-direction: column;
	background: #ebebeb;
	overflow: hidden
}

.wx-header[data-v-131750cc] {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 14px 16px;
	background: #ebebeb;
	flex-shrink: 0
}

.wx-title[data-v-131750cc] {
	font-size: 17px;
	font-weight: 500;
	color: #000
}

.wx-messages[data-v-131750cc] {
	flex: 1;
	overflow-y: auto;
	padding: 16px;
	background: #ebebeb
}

.wx-message[data-v-131750cc] {
	display: flex;
	margin-bottom: 16px;
	align-items: flex-start
}

.wx-message-right[data-v-131750cc] {
	flex-direction: row-reverse
}

.wx-avatar[data-v-131750cc] {
	width: 40px;
	height: 40px;
	border-radius: 4px;
	overflow: hidden;
	flex-shrink: 0;
	background: #fff
}

.wx-avatar img[data-v-131750cc] {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

.wx-bubble[data-v-131750cc] {
	max-width: 70%;
	padding: 10px 14px;
	border-radius: 4px;
	font-size: 15px;
	line-height: 1.6;
	word-break: break-word;
	margin: 0 10px;
	position: relative
}

.wx-bubble-agent[data-v-131750cc] {
	background: #fff;
	color: #333
}

.wx-bubble-customer[data-v-131750cc] {
	background: #95ec69;
	color: #000
}

.wx-highlight[data-v-131750cc] {
	color: #576b95;
	font-weight: 500
}

.wx-msg-image[data-v-131750cc] {
	max-width: 200px;
	min-width: 100px;
	min-height: 100px;
	background-color: #f0f0f0;
	border-radius: 4px;
	cursor: pointer
}

.wx-input-area[data-v-131750cc] {
	background: #f7f7f7;
	padding: 10px 12px;
	border-top: 1px solid #ddd;
	flex-shrink: 0
}

.wx-input-row[data-v-131750cc] {
	display: flex;
	align-items: center;
	gap: 10px
}

.wx-input-wrapper[data-v-131750cc] {
	flex: 1;
	background: #fff;
	border-radius: 4px;
	padding: 8px 12px;
	border: 1px solid #ddd
}

.wx-input[data-v-131750cc] {
	width: 100%;
	border: none;
	background: transparent;
	font-size: 15px;
	outline: none
}

.wx-input[data-v-131750cc]::-moz-placeholder {
	color: #999
}

.wx-input[data-v-131750cc]::placeholder {
	color: #999
}

.wx-image-btn[data-v-131750cc] {
	width: 36px;
	height: 36px;
	background: none;
	border: none;
	padding: 0;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0
}

.Nai-IbcEKr0zF-Long[data-v-131750cc] {
	font-size: 14px;
	line-height: 1.6;
	color: #333
}

.Nai-IbcEKr0zF-Long b[data-v-131750cc] {
	color: #576b95;
	font-weight: 500
}

.payment-card[data-v-131750cc] {
	display: flex;
	flex-direction: column;
	background: #fff;
	padding: 10px 12px;
	border-radius: 12px;
	gap: 12px;
	width: 100%;
	max-width: 240px;
	margin: 0 10px
}

.payment-card-header[data-v-131750cc] {
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 14px;
	font-weight: 500;
	color: #333
}

.payment-card-header img[data-v-131750cc] {
	height: 20px
}

.payment-card-order[data-v-131750cc] {
	font-size: 13px;
	color: #666
}

.payment-card-btn[data-v-131750cc] {
	background: #91ed61;
	color: #000;
	text-align: center;
	padding: 8px 0;
	border-radius: 6px;
	font-size: 14px;
	cursor: pointer
}

.payment-card-btn[data-v-131750cc]:active {
	opacity: .8
}

.image-preview-modal[data-v-131750cc] {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, .9);
	display: none;
	align-items: center;
	justify-content: center;
	z-index: 9999
}

.image-preview-modal.active[data-v-131750cc] {
	display: flex
}

.image-preview-content[data-v-131750cc] {
	max-width: 90%;
	max-height: 90%;
	-o-object-fit: contain;
	object-fit: contain
}

.link-card-msg[data-v-131750cc] {
	background: #fff;
	border-radius: 12px;
	overflow: hidden;
	max-width: 260px
}

.link-card-inner[data-v-131750cc] {
	padding: .75rem
}

.link-card-title[data-v-131750cc] {
	font-size: .875rem;
	font-weight: 500;
	color: #111;
	margin: 0 0 10px 0;
	line-height: 1.4;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis
}

.link-card-btn[data-v-131750cc] {
	display: block;
	width: 100%;
	padding: 8px 0;
	text-align: center;
	background: #007aff;
	color: #fff;
	font-size: .8125rem;
	font-weight: 500;
	border-radius: 6px;
	cursor: pointer;
	transition: opacity .2s
}

.link-card-btn[data-v-131750cc]:active {
	opacity: .8
}

.chat-service[data-v-7933bad8] {
	font-family: -apple-system, BlinkMacSystemFont, Segoe UI, PingFang SC, Hiragino Sans GB, Microsoft YaHei, sans-serif;
	background: linear-gradient(180deg, #f2f0fe, #fff);
	height: 100vh;
	height: var(--app-height, 100dvh);
	display: flex;
	flex-direction: column;
	overflow: hidden
}

.qd-chat-wrapper[data-v-7933bad8] {
	display: flex;
	flex-direction: column;
	flex: 1;
	overflow: hidden
}

.qd-error-container[data-v-7933bad8],
.qd-loading-container[data-v-7933bad8] {
	height: 100vh;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background: linear-gradient(180deg, #f2f0fe, #fff)
}

.qd-error-icon[data-v-7933bad8] {
	font-size: 64px;
	margin-bottom: 20px
}

.qd-error-title[data-v-7933bad8] {
	font-size: 20px;
	font-weight: 600;
	color: #333;
	margin-bottom: 10px
}

.qd-error-message[data-v-7933bad8] {
	font-size: 14px;
	color: #999
}

.qd-loading-spinner[data-v-7933bad8] {
	width: 40px;
	height: 40px;
	border: 3px solid #f3f3f3;
	border-top: 3px solid #8b5cf6;
	border-radius: 50%;
	animation: qd-spin-7933bad8 1s linear infinite;
	margin-bottom: 16px
}

@keyframes qd-spin-7933bad8 {
	0% {
		transform: rotate(0deg)
	}

	to {
		transform: rotate(1turn)
	}
}

.qd-loading-text[data-v-7933bad8] {
	font-size: 14px;
	color: #666
}

.nav-bar[data-v-7933bad8] {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 12px 16px;
	background: transparent;
	flex-shrink: 0
}

.back-btn[data-v-7933bad8] {
	width: 24px;
	height: 24px;
	cursor: pointer
}

.back-btn svg[data-v-7933bad8] {
	width: 100%;
	height: 100%;
	stroke: #333;
	stroke-width: 2;
	fill: none;
	stroke-linecap: round;
	stroke-linejoin: round
}

.nav-title[data-v-7933bad8] {
	font-size: 17px;
	font-weight: 600;
	color: #333
}

.nav-placeholder[data-v-7933bad8] {
	width: 24px
}

.warning-banner[data-v-7933bad8] {
	display: flex;
	align-items: flex-start;
	padding: 10px 12px;
	background: rgba(255, 248, 231, .85);
	flex-shrink: 0
}

.warning-content[data-v-7933bad8] {
	flex: 1;
	padding-right: 8px
}

.warning-text[data-v-7933bad8] {
	font-size: 12px;
	color: #ff8c00;
	line-height: 1.5
}

.warning-close[data-v-7933bad8] {
	width: 18px;
	height: 18px;
	min-width: 18px;
	cursor: pointer
}

.warning-close svg[data-v-7933bad8] {
	width: 100%;
	height: 100%;
	fill: #999
}

.chat-container[data-v-7933bad8] {
	flex: 1;
	overflow-y: auto;
	padding: 12px 16px;
	background: transparent
}

.service-info[data-v-7933bad8] {
	text-align: center;
	font-size: 13px;
	color: #999;
	margin-bottom: 12px
}

.robot-name[data-v-7933bad8] {
	color: #666;
	margin: 0 4px
}

.timestamp[data-v-7933bad8] {
	text-align: center;
	font-size: 12px;
	color: #999;
	margin-bottom: 16px
}

.message-list[data-v-7933bad8] {
	display: flex;
	flex-direction: column;
	gap: 16px
}

.message-item.service[data-v-7933bad8] {
	display: flex;
	gap: 10px;
	align-items: flex-start
}

.message-item.service .avatar[data-v-7933bad8] {
	width: 40px;
	height: 40px;
	min-width: 40px;
	border-radius: 50%;
	overflow: hidden;
	flex-shrink: 0;
	margin-top: 4px
}

.message-item.service .avatar img[data-v-7933bad8] {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

.message-item.service .message-content[data-v-7933bad8] {
	flex: 1;
	max-width: calc(100% - 55px)
}

.message-item.service .message-bubble[data-v-7933bad8] {
	background-color: #fff;
	padding: 14px 16px;
	border-radius: 12px 12px 12px 2px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, .06);
	display: inline-block
}

.message-item.service .message-bubble p[data-v-7933bad8] {
	font-size: 16px;
	color: #333;
	line-height: 1.6;
	margin: 0
}

.message-item.user[data-v-7933bad8] {
	display: flex;
	gap: 10px;
	align-items: flex-start;
	flex-direction: row-reverse
}

.message-item.user .avatar[data-v-7933bad8] {
	width: 40px;
	height: 40px;
	min-width: 40px;
	border-radius: 50%;
	overflow: hidden;
	flex-shrink: 0;
	margin-top: 4px
}

.message-item.user .avatar img[data-v-7933bad8] {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

.message-item.user .message-content[data-v-7933bad8] {
	display: flex;
	justify-content: flex-end;
	max-width: calc(100% - 55px);
	flex-wrap: wrap;
	align-items: center;
	gap: 6px
}

.message-item.user .message-bubble[data-v-7933bad8] {
	background-color: #fff;
	padding: 14px 16px;
	border-radius: 12px 12px 2px 12px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, .06);
	display: inline-block
}

.message-item.user .message-bubble p[data-v-7933bad8] {
	font-size: 16px;
	color: #333;
	line-height: 1.6;
	margin: 0
}

.send-failed[data-v-7933bad8] {
	color: #ff4d4f;
	font-size: 18px;
	cursor: pointer;
	order: -1
}

.qd-msg-image[data-v-7933bad8] {
	max-width: 200px;
	min-width: 100px;
	min-height: 100px;
	background-color: #f0f0f0;
	border-radius: 8px;
	cursor: pointer
}

.qd-order-card-msg[data-v-7933bad8] {
	background: #fff;
	border-radius: 12px;
	overflow: hidden;
	box-shadow: 0 1px 4px rgba(0, 0, 0, .08);
	max-width: 280px
}

.qd-order-card-inner[data-v-7933bad8] {
	display: flex;
	padding: 12px;
	gap: 10px
}

.qd-order-card-img[data-v-7933bad8] {
	width: 72px;
	height: 72px;
	border-radius: 8px;
	-o-object-fit: cover;
	object-fit: cover;
	flex-shrink: 0;
	background: #f5f5f5
}

.qd-order-card-body[data-v-7933bad8] {
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	min-width: 0
}

.qd-order-card-detail[data-v-7933bad8] {
	display: flex;
	flex-direction: column;
	gap: 4px
}

.qd-order-card-name[data-v-7933bad8] {
	font-size: 14px;
	color: #333;
	font-weight: 500;
	margin: 0;
	line-height: 1.4;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden
}

.qd-order-card-price-wrap[data-v-7933bad8] {
	display: flex;
	align-items: baseline;
	gap: 2px
}

.qd-order-card-currency[data-v-7933bad8] {
	font-size: 12px;
	color: #ff6b6b;
	font-weight: 500
}

.qd-order-card-price[data-v-7933bad8] {
	font-size: 16px;
	color: #ff6b6b;
	font-weight: 600
}

.qd-order-card-count[data-v-7933bad8] {
	font-size: 12px;
	color: #999;
	margin-left: 4px
}

.qd-order-card-status[data-v-7933bad8] {
	font-size: 12px;
	color: #8b5cf6;
	align-self: flex-end
}

.link-card-msg[data-v-7933bad8] {
	background: #fff;
	border-radius: 12px;
	overflow: hidden;
	max-width: 260px
}

.link-card-inner[data-v-7933bad8] {
	padding: .75rem
}

.link-card-title[data-v-7933bad8] {
	font-size: .875rem;
	font-weight: 500;
	color: #111;
	margin: 0 0 10px 0;
	line-height: 1.4;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis
}

.link-card-btn[data-v-7933bad8] {
	display: block;
	width: 100%;
	padding: 8px 0;
	text-align: center;
	background: #007aff;
	color: #fff;
	font-size: .8125rem;
	font-weight: 500;
	border-radius: 6px;
	cursor: pointer;
	transition: opacity .2s
}

.link-card-btn[data-v-7933bad8]:active {
	opacity: .8
}

.order-card[data-v-7933bad8] {
	background-color: #fff;
	border-radius: 16px;
	overflow: hidden;
	box-shadow: 0 2px 8px rgba(0, 0, 0, .06)
}

.order-header[data-v-7933bad8] {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 14px 16px 10px
}

.order-title[data-v-7933bad8] {
	font-size: 15px;
	color: #333;
	font-weight: 500
}

.order-status[data-v-7933bad8] {
	font-size: 13px;
	color: #ff6b6b
}

.order-info[data-v-7933bad8] {
	margin: 0 16px 12px;
	padding: 12px 14px;
	background-color: #f7f7f7;
	border-radius: 10px
}

.product-name[data-v-7933bad8] {
	font-size: 15px;
	color: #333;
	font-weight: 500
}

.faq-list[data-v-7933bad8] {
	padding: 6px 0 10px
}

.faq-item[data-v-7933bad8] {
	display: flex;
	align-items: center;
	padding: 10px 16px;
	cursor: pointer
}

.faq-item[data-v-7933bad8]:active {
	background-color: #f9f9f9
}

.faq-dot[data-v-7933bad8] {
	width: 6px;
	height: 6px;
	min-width: 6px;
	border-radius: 50%;
	background-color: #5b7bf7;
	margin-right: 10px
}

.faq-text[data-v-7933bad8] {
	flex: 1;
	font-size: 14px;
	color: #5b7bf7
}

.faq-arrow[data-v-7933bad8] {
	width: 20px;
	height: 20px;
	fill: #5b7bf7;
	flex-shrink: 0
}

.user-order-card[data-v-7933bad8] {
	background-color: #fff;
	border-radius: 12px 12px 2px 12px;
	padding: 14px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, .06);
	min-width: 240px;
	max-width: 280px
}

.user-order-header[data-v-7933bad8] {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 12px
}

.user-order-title[data-v-7933bad8] {
	font-size: 16px;
	font-weight: 500;
	color: #333
}

.user-order-status[data-v-7933bad8] {
	font-size: 14px;
	color: #999
}

.user-order-info[data-v-7933bad8] {
	display: flex;
	background-color: #f8f8f8;
	border-radius: 8px;
	padding: 10px;
	gap: 10px
}

.user-product-image[data-v-7933bad8] {
	width: 48px;
	height: 48px;
	border-radius: 4px;
	overflow: hidden;
	flex-shrink: 0
}

.user-product-image img[data-v-7933bad8],
.user-product-image svg[data-v-7933bad8] {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

.user-product-detail[data-v-7933bad8] {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	flex: 1
}

.user-product-name[data-v-7933bad8] {
	font-size: 15px;
	color: #333;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden
}

.user-product-price-count[data-v-7933bad8] {
	font-size: 14px
}

.user-price[data-v-7933bad8] {
	color: #ff6b6b
}

.user-count[data-v-7933bad8] {
	color: #999
}

.bottom-bar[data-v-7933bad8] {
	background-color: transparent;
	padding: 12px 16px;
	padding-bottom: max(12px, env(safe-area-inset-bottom));
	flex-shrink: 0
}

.action-buttons[data-v-7933bad8] {
	display: flex;
	gap: 12px;
	margin-bottom: 12px
}

.action-btn[data-v-7933bad8] {
	display: flex;
	align-items: center;
	gap: 6px;
	padding: 8px 12px;
	border-radius: 4px;
	font-size: 14px;
	font-weight: 500;
	cursor: pointer;
	background-color: #fff;
	transition: all .2s
}

.action-btn.send-order[data-v-7933bad8] {
	border: 1px solid #8b5cf6;
	color: #8b5cf6
}

.action-btn.send-order svg[data-v-7933bad8] {
	width: 16px;
	height: 16px;
	stroke: #8b5cf6
}

.action-btn.end-chat[data-v-7933bad8] {
	border: 1px solid transparent;
	color: #333;
	box-shadow: 0 1px 4px rgba(0, 0, 0, .04)
}

.action-btn.end-chat svg[data-v-7933bad8] {
	width: 16px;
	height: 16px;
	stroke: #333
}

.action-btn[data-v-7933bad8]:active {
	opacity: .8
}

.input-row[data-v-7933bad8] {
	display: flex;
	align-items: center;
	gap: 12px
}

.input-box[data-v-7933bad8] {
	flex: 1;
	background-color: #fff;
	border-radius: 8px;
	padding: 10px 14px;
	display: flex;
	align-items: center
}

.message-input[data-v-7933bad8] {
	width: 100%;
	border: none;
	background: transparent;
	font-size: 15px;
	color: #333;
	outline: none
}

.message-input[data-v-7933bad8]::-moz-placeholder {
	color: #b0b0b0
}

.message-input[data-v-7933bad8]::placeholder {
	color: #b0b0b0
}

.input-actions[data-v-7933bad8] {
	display: flex;
	gap: 12px;
	align-items: center
}

.input-btn[data-v-7933bad8] {
	width: 28px;
	height: 28px;
	border: none;
	background: transparent;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0
}

.input-btn svg[data-v-7933bad8] {
	width: 26px;
	height: 26px;
	stroke: #000
}

.send-message-btn[data-v-7933bad8] {
	padding: 6px 16px;
	background-color: #8b5cf6;
	color: #fff;
	border: none;
	border-radius: 4px;
	font-size: 14px;
	font-weight: 500;
	cursor: pointer;
	transition: background-color .2s;
	white-space: nowrap
}

.send-message-btn[data-v-7933bad8]:active {
	background-color: #7c3aed
}

.image-preview-modal[data-v-7933bad8] {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, .9);
	display: none;
	align-items: center;
	justify-content: center;
	z-index: 9999
}

.image-preview-modal.active[data-v-7933bad8] {
	display: flex
}

.image-preview-content[data-v-7933bad8] {
	max-width: 90%;
	max-height: 90%;
	-o-object-fit: contain;
	object-fit: contain
}

.order-selector-overlay[data-v-7933bad8] {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, .5);
	display: flex;
	align-items: flex-end;
	justify-content: center;
	z-index: 1000
}

.order-selector[data-v-7933bad8] {
	background: #fff;
	width: 100%;
	height: 85vh;
	border-radius: 16px 16px 0 0;
	display: flex;
	flex-direction: column;
	overflow: hidden
}

.selector-header[data-v-7933bad8] {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 16px
}

.selector-header h3[data-v-7933bad8] {
	font-size: 16px;
	font-weight: 600;
	color: #333;
	margin: 0
}

.close-btn[data-v-7933bad8] {
	width: 24px;
	height: 24px;
	cursor: pointer
}

.close-btn svg[data-v-7933bad8] {
	width: 100%;
	height: 100%;
	fill: #999
}

.search-box[data-v-7933bad8] {
	display: flex;
	align-items: center;
	margin: 0 16px 16px;
	padding: 8px 12px;
	background: #f5f5f5;
	border-radius: 20px
}

.search-icon[data-v-7933bad8] {
	width: 18px;
	height: 18px;
	fill: #999;
	margin-right: 8px;
	flex-shrink: 0
}

.search-box input[data-v-7933bad8] {
	flex: 1;
	border: none;
	background: transparent;
	font-size: 14px;
	color: #333;
	outline: none
}

.search-box input[data-v-7933bad8]::-moz-placeholder {
	color: #999
}

.search-box input[data-v-7933bad8]::placeholder {
	color: #999
}

.order-tabs[data-v-7933bad8] {
	display: flex;
	gap: 12px;
	padding: 0 16px 12px;
	overflow-x: auto;
	scrollbar-width: none;
	border-bottom: 1px solid #f5f5f5
}

.order-tabs[data-v-7933bad8]::-webkit-scrollbar {
	display: none
}

.tab-item[data-v-7933bad8] {
	padding: 6px 12px;
	background: #f5f5f5;
	border-radius: 4px;
	font-size: 13px;
	color: #666;
	white-space: nowrap;
	cursor: pointer;
	transition: all .2s
}

.tab-item.active[data-v-7933bad8] {
	background: #f4f0ff;
	color: #8b5cf6;
	font-weight: 500
}

.order-list[data-v-7933bad8] {
	flex: 1;
	overflow-y: auto;
	padding: 0 16px;
	background: #fafafa
}

.order-list-item[data-v-7933bad8] {
	padding: 16px;
	background: #fff;
	border-radius: 8px;
	margin-top: 12px
}

.order-item-header[data-v-7933bad8] {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 12px
}

.seller-info[data-v-7933bad8] {
	display: flex;
	align-items: center;
	gap: 4px
}

.seller-avatar[data-v-7933bad8] {
	width: 20px;
	height: 20px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 12px
}

.order-item-status[data-v-7933bad8] {
	font-size: 13px;
	color: #999
}

.order-item-info[data-v-7933bad8] {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 12px;
	font-size: 12px;
	color: #999
}

.order-price[data-v-7933bad8] {
	font-size: 16px;
	color: #000;
	font-weight: 600
}

.order-product[data-v-7933bad8] {
	display: flex;
	align-items: center;
	gap: 12px
}

.product-image[data-v-7933bad8] {
	width: 64px;
	height: 64px;
	border-radius: 6px;
	overflow: hidden;
	background: #f5f5f5;
	flex-shrink: 0
}

.product-image img[data-v-7933bad8] {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

.product-image svg[data-v-7933bad8] {
	width: 100%;
	height: 100%
}

.product-info-box[data-v-7933bad8] {
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 64px;
	padding: 2px 0
}

.product-title[data-v-7933bad8] {
	font-size: 14px;
	color: #333;
	line-height: 1.4;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden
}

.product-count[data-v-7933bad8] {
	font-size: 12px;
	color: #999
}

.send-order-btn[data-v-7933bad8] {
	padding: 6px 16px;
	background: #8b5cf6;
	color: #fff;
	border: none;
	border-radius: 4px;
	font-size: 13px;
	cursor: pointer;
	flex-shrink: 0
}

.send-order-btn[data-v-7933bad8]:active {
	background: #7c3aed
}

.no-more[data-v-7933bad8] {
	text-align: center;
	padding: 24px;
	font-size: 13px;
	color: #999
}

.slide-up-enter-active[data-v-7933bad8],
.slide-up-leave-active[data-v-7933bad8] {
	transition: all .3s ease-out
}

.slide-up-enter-from[data-v-7933bad8],
.slide-up-leave-to[data-v-7933bad8] {
	opacity: 0
}

.slide-up-enter-from .order-selector[data-v-7933bad8],
.slide-up-leave-to .order-selector[data-v-7933bad8] {
	transform: translateY(100%)
}

.slide-up-enter-to .order-selector[data-v-7933bad8],
.slide-up-leave-from .order-selector[data-v-7933bad8] {
	transform: translateY(0)
}

.chat-container[data-v-7933bad8]::-webkit-scrollbar {
	width: 4px
}

.chat-container[data-v-7933bad8]::-webkit-scrollbar-track {
	background: transparent
}

.chat-container[data-v-7933bad8]::-webkit-scrollbar-thumb {
	background: #ddd;
	border-radius: 2px
}

.payment-view[data-v-8de857be] {
	min-height: 100vh;
	background: #fff;
	display: flex;
	flex-direction: column
}

.loading[data-v-8de857be] {
	flex: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center
}

.loading-spinner[data-v-8de857be] {
	width: 40px;
	height: 40px;
	border: 3px solid #f0f0f0;
	border-top-color: #4a7dff;
	border-radius: 50%;
	animation: spin-8de857be 1s linear infinite
}

@keyframes spin-8de857be {
	to {
		transform: rotate(1turn)
	}
}

.error-page[data-v-8de857be] {
	flex: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center
}

.error-icon[data-v-8de857be] {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	background: #ff4d4f;
	color: #fff;
	font-size: 36px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 16px
}

.payment-content[data-v-8de857be] {
	flex: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 20px
}

.header-logo[data-v-8de857be] {
	margin-top: 20px;
	margin-bottom: 30px
}

.unionpay-logo[data-v-8de857be] {
	height: 30px
}

.pay-hint[data-v-8de857be] {
	display: flex;
	align-items: center;
	gap: 4px;
	margin-bottom: 20px
}

.hint-text[data-v-8de857be] {
	font-size: 16px;
	color: #e74c3c
}

.pay-method[data-v-8de857be] {
	font-size: 16px;
	font-weight: 600
}

.pay-method.alipay[data-v-8de857be] {
	color: #1677ff
}

.pay-method.wechat[data-v-8de857be] {
	color: #07c160
}

.pay-icon[data-v-8de857be] {
	width: 20px;
	height: 20px
}

.order-info[data-v-8de857be] {
	font-size: 15px;
	color: #666;
	margin-bottom: 10px
}

.order-label[data-v-8de857be] {
	color: #999
}

.order-number[data-v-8de857be] {
	color: #333
}

.amount[data-v-8de857be] {
	margin-bottom: 30px
}

.currency[data-v-8de857be] {
	font-size: 24px;
	color: #e74c3c
}

.amount-value[data-v-8de857be] {
	font-size: 42px;
	color: #e74c3c;
	font-weight: 300
}

.qrcode-container[data-v-8de857be] {
	position: relative;
	width: 200px;
	height: 200px;
	margin-bottom: 20px
}

.qrcode-img[data-v-8de857be] {
	width: 100%;
	height: 100%
}

.qrcode-placeholder[data-v-8de857be] {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #f5f5f5;
	color: #999
}

.expired-mask[data-v-8de857be] {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, .7);
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: 24px;
	font-weight: 600
}

.remaining-time[data-v-8de857be] {
	font-size: 14px;
	color: #999;
	margin-bottom: 20px
}

.footer[data-v-8de857be] {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 8px 0 calc(env(safe-area-inset-bottom) + 8px) 0;
	font-size: 9px;
	background: #dd2c34;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: space-around
}

.custom-api-page[data-v-f5ad39d8] {
	min-height: 100vh;
	background: #f5f5f5;
	padding-bottom: 20px
}

.header[data-v-f5ad39d8] {
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 56px;
	background: #fff;
	padding: 0 16px;
	border-bottom: 1px solid #e8e8e8;
	position: sticky;
	top: 0;
	z-index: 100
}

.header-left[data-v-f5ad39d8] {
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	color: #333
}

.header-title[data-v-f5ad39d8] {
	font-size: 17px;
	font-weight: 500;
	color: #333
}

.header-right[data-v-f5ad39d8] {
	width: 40px
}

.info-card[data-v-f5ad39d8] {
	margin: 16px;
	padding: 16px;
	background: linear-gradient(135deg, #667eea, #764ba2);
	border-radius: 12px;
	color: #fff
}

.info-title[data-v-f5ad39d8] {
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 8px
}

.info-text[data-v-f5ad39d8] {
	font-size: 13px;
	line-height: 20px;
	opacity: .9;
	margin-bottom: 12px
}

.info-count[data-v-f5ad39d8] {
	font-size: 14px;
	font-weight: 500
}

.count-num[data-v-f5ad39d8] {
	font-size: 20px;
	font-weight: 700;
	margin: 0 4px
}

.add-btn-container[data-v-f5ad39d8] {
	padding: 0 16px 16px
}

.add-btn[data-v-f5ad39d8] {
	width: 100%;
	height: 48px;
	background: #1677ff;
	color: #fff;
	border: none;
	border-radius: 8px;
	font-size: 16px;
	font-weight: 500;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	transition: all .2s
}

.add-btn[data-v-f5ad39d8]:active {
	opacity: .85
}

.add-btn[data-v-f5ad39d8]:disabled {
	opacity: .5;
	cursor: not-allowed
}

.add-icon[data-v-f5ad39d8] {
	font-size: 24px;
	line-height: 1
}

.api-list[data-v-f5ad39d8] {
	padding: 0 16px
}

.empty[data-v-f5ad39d8],
.loading[data-v-f5ad39d8] {
	text-align: center;
	padding: 60px 20px;
	color: #999
}

.empty-icon[data-v-f5ad39d8] {
	font-size: 48px;
	margin-bottom: 16px
}

.empty-text[data-v-f5ad39d8] {
	font-size: 16px;
	color: #666;
	margin-bottom: 8px
}

.empty-tip[data-v-f5ad39d8] {
	font-size: 13px;
	color: #999
}

.api-items[data-v-f5ad39d8] {
	display: flex;
	flex-direction: column;
	gap: 12px
}

.api-item[data-v-f5ad39d8] {
	background: #fff;
	border-radius: 12px;
	padding: 16px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, .04)
}

.api-item-header[data-v-f5ad39d8] {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 12px
}

.api-item-index[data-v-f5ad39d8] {
	font-size: 14px;
	font-weight: 600;
	color: #1677ff
}

.api-item-actions[data-v-f5ad39d8] {
	display: flex;
	gap: 8px
}

.action-btn[data-v-f5ad39d8] {
	display: flex;
	align-items: center;
	gap: 4px;
	padding: 6px 12px;
	border: none;
	border-radius: 6px;
	font-size: 13px;
	cursor: pointer;
	transition: all .2s
}

.edit-btn[data-v-f5ad39d8] {
	background: #e6f7ff;
	color: #1677ff
}

.edit-btn[data-v-f5ad39d8]:active {
	background: #bae7ff
}

.delete-btn[data-v-f5ad39d8] {
	background: #fff1f0;
	color: #ff4d4f
}

.delete-btn[data-v-f5ad39d8]:active {
	background: #ffccc7
}

.api-item-body[data-v-f5ad39d8] {
	margin-bottom: 12px
}

.api-item-body[data-v-f5ad39d8]:last-of-type {
	margin-bottom: 8px
}

.api-item-label[data-v-f5ad39d8] {
	font-size: 12px;
	color: #999;
	margin-bottom: 4px
}

.api-item-value[data-v-f5ad39d8] {
	font-size: 14px;
	color: #333;
	word-break: break-all
}

.link-value[data-v-f5ad39d8] {
	color: #1677ff
}

.api-item-footer[data-v-f5ad39d8] {
	padding-top: 8px;
	border-top: 1px solid #f0f0f0
}

.api-item-time[data-v-f5ad39d8] {
	font-size: 12px;
	color: #999
}

.dialog-overlay[data-v-f5ad39d8] {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, .5);
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 1000;
	padding: 20px
}

.dialog[data-v-f5ad39d8] {
	background: #fff;
	border-radius: 12px;
	width: 100%;
	max-width: 500px;
	max-height: 80vh;
	display: flex;
	flex-direction: column
}

.dialog-header[data-v-f5ad39d8] {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 16px 20px;
	border-bottom: 1px solid #f0f0f0
}

.dialog-title[data-v-f5ad39d8] {
	font-size: 17px;
	font-weight: 600;
	color: #333
}

.dialog-close[data-v-f5ad39d8] {
	width: 32px;
	height: 32px;
	border: none;
	background: transparent;
	font-size: 28px;
	color: #999;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 1
}

.dialog-body[data-v-f5ad39d8] {
	padding: 20px;
	overflow-y: auto
}

.form-group[data-v-f5ad39d8] {
	margin-bottom: 20px
}

.form-group[data-v-f5ad39d8]:last-child {
	margin-bottom: 0
}

.form-label[data-v-f5ad39d8] {
	display: block;
	font-size: 14px;
	color: #333;
	margin-bottom: 8px;
	font-weight: 500
}

.required[data-v-f5ad39d8] {
	color: #ff4d4f
}

.form-input[data-v-f5ad39d8] {
	width: 100%;
	height: 44px;
	padding: 0 12px;
	border: 1px solid #d9d9d9;
	border-radius: 8px;
	font-size: 14px;
	box-sizing: border-box;
	transition: all .2s
}

.form-input[data-v-f5ad39d8]:focus {
	outline: none;
	border-color: #1677ff
}

.form-tip[data-v-f5ad39d8] {
	font-size: 12px;
	color: #999;
	margin-top: 6px;
	line-height: 18px
}

.dialog-footer[data-v-f5ad39d8] {
	display: flex;
	gap: 12px;
	padding: 16px 20px;
	border-top: 1px solid #f0f0f0
}

.dialog-btn[data-v-f5ad39d8] {
	flex: 1;
	height: 44px;
	border: none;
	border-radius: 8px;
	font-size: 15px;
	font-weight: 500;
	cursor: pointer;
	transition: all .2s
}

.cancel-btn[data-v-f5ad39d8] {
	background: #f5f5f5;
	color: #666
}

.cancel-btn[data-v-f5ad39d8]:active {
	background: #e8e8e8
}

.confirm-btn[data-v-f5ad39d8] {
	background: #1677ff;
	color: #fff
}

.confirm-btn[data-v-f5ad39d8]:active {
	opacity: .85
}

.confirm-btn[data-v-f5ad39d8]:disabled {
	opacity: .5;
	cursor: not-allowed
}

.designer-root[data-v-5f068230] {
	--primary: #fbe440;
	--primary-dark: #e6cf00;
	--border: #e8e8e8;
	--bg: #f0f2f5;
	--bg-white: #fff;
	--text: #333;
	--text-muted: #999;
	display: flex;
	flex-direction: column;
	height: 100vh;
	overflow: hidden;
	font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif;
	background: var(--bg);
	color: var(--text)
}

.designer-header[data-v-5f068230] {
	height: 52px;
	background: var(--bg-white);
	border-bottom: 1px solid var(--border);
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 16px;
	flex-shrink: 0;
	z-index: 100
}

.header-center[data-v-5f068230],
.header-left[data-v-5f068230],
.header-right[data-v-5f068230],
.logo-area[data-v-5f068230] {
	display: flex;
	align-items: center
}

.logo-area[data-v-5f068230] {
	gap: 8px;
	color: #e6a700;
	font-weight: 600
}

.logo-text[data-v-5f068230] {
	font-size: 15px
}

.device-switcher[data-v-5f068230] {
	display: flex;
	background: var(--bg);
	border-radius: 6px;
	padding: 3px
}

.device-btn[data-v-5f068230] {
	border: none;
	background: transparent;
	padding: 6px 12px;
	border-radius: 4px;
	cursor: pointer;
	display: flex;
	align-items: center;
	color: var(--text-muted);
	transition: all .2s
}

.device-btn.active[data-v-5f068230] {
	background: var(--bg-white);
	color: #e6a700;
	box-shadow: 0 1px 3px rgba(0, 0, 0, .1)
}

.header-right[data-v-5f068230] {
	gap: 8px
}

.header-btn[data-v-5f068230] {
	border: 1px solid var(--border);
	background: var(--bg-white);
	padding: 7px 16px;
	border-radius: 6px;
	cursor: pointer;
	font-size: 13px;
	color: var(--text);
	transition: all .2s
}

.header-btn[data-v-5f068230]:hover {
	border-color: #e6a700;
	color: #e6a700
}

.btn-save[data-v-5f068230] {
	background: var(--primary);
	border-color: var(--primary);
	color: #000;
	font-weight: 500
}

.designer-body[data-v-5f068230] {
	flex: 1;
	display: flex;
	overflow: hidden
}

.panel-left[data-v-5f068230] {
	display: flex;
	flex-shrink: 0;
	border-right: 1px solid var(--border);
	background: var(--bg-white)
}

.side-tabs[data-v-5f068230] {
	width: 56px;
	background: #fafafa;
	border-right: 1px solid var(--border);
	display: flex;
	flex-direction: column;
	padding-top: 8px
}

.side-tab[data-v-5f068230] {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 12px 4px;
	cursor: pointer;
	color: var(--text-muted);
	font-size: 11px;
	gap: 4px;
	border-left: 3px solid transparent;
	transition: all .2s
}

.side-tab.active[data-v-5f068230],
.side-tab[data-v-5f068230]:hover {
	color: #e6a700;
	background: #fffef0
}

.side-tab.active[data-v-5f068230] {
	border-left-color: #e6a700
}

.side-tab-icon[data-v-5f068230] {
	display: flex;
	align-items: center
}

.component-panel[data-v-5f068230] {
	width: 224px;
	overflow-y: auto;
	padding-bottom: 20px
}

.panel-tabs[data-v-5f068230] {
	display: flex;
	padding: 12px 12px 0;
	gap: 6px
}

.panel-tab[data-v-5f068230] {
	padding: 5px 14px;
	border-radius: 14px;
	border: none;
	font-size: 13px;
	cursor: pointer;
	background: transparent;
	color: #666;
	transition: all .2s
}

.panel-tab.active[data-v-5f068230] {
	background: var(--primary);
	color: #000
}

.component-groups[data-v-5f068230] {
	padding: 8px 12px
}

.component-group[data-v-5f068230] {
	margin-bottom: 8px
}

.group-title[data-v-5f068230] {
	font-size: 12px;
	color: var(--text-muted);
	padding: 8px 0;
	display: flex;
	align-items: center;
	gap: 4px
}

.group-items[data-v-5f068230] {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 8px
}

.component-item[data-v-5f068230] {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 10px 4px;
	border: 1px solid var(--border);
	border-radius: 8px;
	cursor: grab;
	gap: 6px;
	transition: all .2s;
	background: var(--bg-white)
}

.component-item[data-v-5f068230]:hover {
	border-color: #e6a700;
	background: #fffef0;
	box-shadow: 0 2px 6px rgba(230, 167, 0, .15)
}

.component-item[data-v-5f068230]:active {
	cursor: grabbing;
	transform: scale(.95)
}

.comp-icon[data-v-5f068230] {
	color: #666;
	display: flex;
	align-items: center
}

.comp-label[data-v-5f068230] {
	font-size: 11px;
	color: #666;
	white-space: nowrap
}

.canvas-area[data-v-5f068230] {
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	overflow: auto;
	padding: 16px 24px 24px;
	background: var(--bg)
}

.layout-mode-bar[data-v-5f068230] {
	display: flex;
	gap: 4px;
	background: var(--bg-white);
	border-radius: 8px;
	padding: 4px;
	box-shadow: 0 1px 4px rgba(0, 0, 0, .08);
	margin-bottom: 16px;
	flex-shrink: 0
}

.mode-btn[data-v-5f068230] {
	display: flex;
	align-items: center;
	gap: 6px;
	border: none;
	background: transparent;
	padding: 6px 16px;
	border-radius: 6px;
	font-size: 13px;
	cursor: pointer;
	color: #666;
	transition: all .2s
}

.mode-btn.active[data-v-5f068230] {
	background: var(--primary);
	color: #000;
	font-weight: 500;
	box-shadow: 0 1px 3px rgba(0, 0, 0, .1)
}

.mode-btn[data-v-5f068230]:hover:not(.active) {
	background: #f5f5f5
}

.canvas-scroll[data-v-5f068230] {
	display: flex;
	justify-content: center
}

.wechat-frame[data-v-5f068230] {
	width: 430px;
	min-height: 932px;
	background: var(--bg-white);
	border-radius: 8px;
	box-shadow: 0 2px 16px rgba(0, 0, 0, .1);
	overflow: hidden;
	display: flex;
	flex-direction: column;
	transition: width .3s
}

.wechat-frame.tablet[data-v-5f068230] {
	width: 620px
}

.wechat-navbar[data-v-5f068230] {
	height: 44px;
	background: #ededed;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 10px;
	flex-shrink: 0;
	border-bottom: 1px solid #d6d6d6
}

.wechat-nav-left[data-v-5f068230] {
	display: flex;
	align-items: center;
	gap: 2px;
	min-width: 70px
}

.wechat-nav-divider[data-v-5f068230] {
	width: 1px;
	height: 18px;
	background: #c8c8c8;
	margin: 0 6px
}

.wechat-nav-title[data-v-5f068230] {
	font-size: 17px;
	font-weight: 500;
	color: #000;
	flex: 1;
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.wechat-nav-right[data-v-5f068230] {
	min-width: 70px;
	display: flex;
	align-items: center;
	justify-content: flex-end
}

.wechat-bottom-safe[data-v-5f068230] {
	height: 16px;
	flex-shrink: 0
}

.canvas-content[data-v-5f068230] {
	flex: 1;
	min-height: 400px;
	overflow-y: auto
}

.canvas-empty[data-v-5f068230] {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	min-height: 400px;
	padding: 40px 20px
}

.empty-text[data-v-5f068230] {
	font-size: 14px;
	color: var(--text-muted);
	margin: 16px 0
}

.empty-btn[data-v-5f068230] {
	padding: 8px 24px;
	background: var(--primary);
	color: #000;
	border: none;
	border-radius: 20px;
	font-size: 14px;
	cursor: pointer;
	font-weight: 500
}

.placed-components[data-v-5f068230] {
	padding: 4px 0
}

.free-canvas[data-v-5f068230] {
	position: relative;
	min-height: 800px;
	width: 100%
}

.free-component[data-v-5f068230] {
	position: absolute;
	cursor: move;
	border: 2px solid transparent;
	transition: border-color .15s, box-shadow .15s;
	min-width: 60px
}

.free-component[data-v-5f068230]:hover {
	border-color: rgba(230, 167, 0, .3)
}

.free-component.selected[data-v-5f068230] {
	border-color: #e6a700;
	box-shadow: 0 0 0 2px rgba(230, 167, 0, .15)
}

.free-pos-label[data-v-5f068230] {
	position: absolute;
	bottom: -22px;
	left: 0;
	font-size: 11px;
	color: #e6a700;
	background: hsla(0, 0%, 100%, .9);
	padding: 1px 6px;
	border-radius: 3px;
	white-space: nowrap;
	pointer-events: none
}

.placed-component[data-v-5f068230] {
	position: relative;
	cursor: pointer;
	border: 2px solid transparent;
	transition: all .15s
}

.placed-component[data-v-5f068230]:hover {
	border-color: rgba(230, 167, 0, .3)
}

.placed-component.selected[data-v-5f068230] {
	border-color: #e6a700;
	box-shadow: 0 0 0 2px rgba(230, 167, 0, .15)
}

.component-actions[data-v-5f068230] {
	position: absolute;
	top: -1px;
	right: -1px;
	display: flex;
	gap: 2px;
	z-index: 10;
	background: #e6a700;
	border-radius: 0 0 0 6px;
	padding: 2px
}

.act-btn[data-v-5f068230] {
	width: 26px;
	height: 26px;
	border: none;
	background: transparent;
	color: #fff;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 4px
}

.act-btn[data-v-5f068230]:hover {
	background: hsla(0, 0%, 100%, .2)
}

.act-btn[data-v-5f068230]:disabled {
	opacity: .4;
	cursor: not-allowed
}

.act-btn.danger[data-v-5f068230]:hover {
	background: #ff4d4f
}

.drop-indicator[data-v-5f068230] {
	position: absolute;
	left: 0;
	right: 0;
	height: 3px;
	background: #e6a700;
	z-index: 10
}

.drop-indicator.top[data-v-5f068230] {
	top: -2px
}

.drop-zone-bottom[data-v-5f068230] {
	padding: 20px;
	text-align: center;
	border: 2px dashed #e6cf00;
	margin: 8px 12px 12px;
	border-radius: 8px;
	color: #e6a700;
	font-size: 13px;
	background: #fffef0
}

.xy-welcome[data-v-5f068230] {
	padding: 20px 16px 12px;
	text-align: center
}

.xy-welcome-inner[data-v-5f068230] {
	border-radius: 8px;
	padding: 12px
}

.xy-welcome-title[data-v-5f068230] {
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 12px
}

.xy-welcome-sub[data-v-5f068230] {
	font-size: 13px;
	line-height: 1.8
}

.xy-msg-row[data-v-5f068230] {
	display: flex;
	padding: 8px 16px;
	gap: 8px;
	margin-bottom: 4px
}

.xy-msg-row.agent[data-v-5f068230] {
	align-items: flex-start
}

.xy-msg-row.user[data-v-5f068230] {
	flex-direction: row-reverse
}

.xy-avatar[data-v-5f068230] {
	width: 36px;
	height: 36px;
	border-radius: 0;
	flex-shrink: 0;
	overflow: hidden
}

.xy-avatar img[data-v-5f068230] {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	display: block
}

.xy-avatar-fallback[data-v-5f068230] {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	font-weight: 600;
	color: #000
}

.xy-msg-body[data-v-5f068230] {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	max-width: 75%;
	min-width: 0
}

.xy-sender[data-v-5f068230] {
	font-size: 12px;
	margin-bottom: 4px;
	margin-left: 1px
}

.xy-bubble[data-v-5f068230] {
	padding: 10px;
	max-width: 100%;
	word-break: break-word;
	white-space: pre-wrap;
	letter-spacing: .5px;
	line-height: 1.5
}

.xy-bubble.agent[data-v-5f068230] {
	background: #fff
}

.xy-bubble.user[data-v-5f068230] {
	background: #fbe440
}

.xy-special-card[data-v-5f068230] {
	background: #fff;
	border-radius: 8px;
	padding: 10px 12px 0;
	font-size: 15px;
	line-height: 1.6
}

.xy-order-btn[data-v-5f068230] {
	text-align: center;
	padding: 7px 0;
	font-size: 14px;
	font-weight: 700;
	margin: 12px 0
}

.xy-quick-question[data-v-5f068230] {
	padding: 12px 0;
	font-size: 13.5px;
	border-top: .5px solid #dbdbdb;
	display: flex;
	justify-content: space-between;
	align-items: center;
	color: #333
}

.xy-order-card-msg[data-v-5f068230] {
	background: #fff;
	border-radius: 12px;
	padding: 12px;
	max-width: 260px
}

.xy-order-img[data-v-5f068230] {
	width: 80px;
	height: 80px;
	border-radius: 6px;
	background: #f5f5f5;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	flex-shrink: 0
}

.xy-order-name[data-v-5f068230] {
	font-size: 14px;
	color: #111;
	line-height: 1.4;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden
}

.xy-order-status[data-v-5f068230] {
	font-size: 12px;
	margin-top: 8px;
	text-align: right
}

.xy-pay-card[data-v-5f068230] {
	background: #fff;
	border-radius: 12px;
	padding: 10px 12px;
	max-width: 240px
}

.xy-pay-btn[data-v-5f068230] {
	text-align: center;
	padding: 8px 0;
	border-radius: 6px;
	font-size: 14px
}

.xy-quick-replies[data-v-5f068230] {
	display: flex;
	gap: 8px;
	padding: 10px 16px;
	overflow-x: auto
}

.xy-quick-pill[data-v-5f068230] {
	padding: 7px 16px;
	border-radius: 16px;
	font-size: 12px;
	white-space: nowrap;
	border: 1px solid #e0e0e0;
	flex-shrink: 0
}

.xy-input-area[data-v-5f068230] {
	border-top: 1px solid #e0e0e0;
	padding: 8px
}

.xy-input-row[data-v-5f068230] {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 6px 8px
}

.xy-input-box[data-v-5f068230] {
	flex: 1;
	padding: 8px 12px;
	border-radius: 8px;
	font-size: 14px;
	color: #999
}

.xy-send-btn[data-v-5f068230] {
	padding: 8px 16px;
	border-radius: 18px;
	font-size: 14px;
	white-space: nowrap;
	font-weight: 500
}

.image-placeholder-box[data-v-5f068230] {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 8px;
	background: #f5f5f5;
	color: var(--text-muted);
	font-size: 12px
}

.panel-right[data-v-5f068230] {
	width: 320px;
	flex-shrink: 0;
	background: var(--bg-white);
	border-left: 1px solid var(--border);
	display: flex;
	flex-direction: column;
	overflow: hidden
}

.right-panel-tabs[data-v-5f068230] {
	display: flex;
	border-bottom: 1px solid var(--border);
	flex-shrink: 0
}

.rp-tab[data-v-5f068230] {
	flex: 1;
	padding: 12px;
	border: none;
	background: transparent;
	font-size: 14px;
	cursor: pointer;
	color: #666;
	border-bottom: 2px solid transparent;
	transition: all .2s
}

.rp-tab.active[data-v-5f068230] {
	color: #e6a700;
	border-bottom-color: #e6a700;
	font-weight: 500
}

.right-panel-body[data-v-5f068230] {
	flex: 1;
	overflow-y: auto;
	padding: 16px
}

.setting-group[data-v-5f068230] {
	margin-bottom: 18px
}

.setting-label[data-v-5f068230] {
	display: block;
	font-size: 13px;
	color: #666;
	margin-bottom: 8px;
	font-weight: 500
}

.setting-input[data-v-5f068230] {
	width: 100%;
	padding: 8px 12px;
	border: 1px solid var(--border);
	border-radius: 6px;
	font-size: 13px;
	outline: none;
	box-sizing: border-box
}

.setting-input[data-v-5f068230]:focus {
	border-color: #e6a700;
	box-shadow: 0 0 0 2px rgba(230, 167, 0, .1)
}

.setting-textarea[data-v-5f068230] {
	width: 100%;
	padding: 8px 12px;
	border: 1px solid var(--border);
	border-radius: 6px;
	font-size: 13px;
	outline: none;
	resize: vertical;
	box-sizing: border-box;
	font-family: inherit
}

.setting-textarea[data-v-5f068230]:focus {
	border-color: #e6a700
}

.setting-radios[data-v-5f068230] {
	display: flex;
	gap: 16px;
	font-size: 13px
}

.setting-radios label[data-v-5f068230] {
	display: flex;
	align-items: center;
	gap: 4px;
	cursor: pointer;
	color: #666
}

.setting-color[data-v-5f068230] {
	width: 40px;
	height: 32px;
	border: 1px solid var(--border);
	border-radius: 6px;
	cursor: pointer;
	padding: 2px
}

.slider-row[data-v-5f068230] {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-top: 8px
}

.setting-slider[data-v-5f068230] {
	flex: 1;
	accent-color: #e6a700
}

.slider-value[data-v-5f068230] {
	font-size: 12px;
	color: var(--text-muted);
	min-width: 40px;
	text-align: right
}

.setting-select[data-v-5f068230] {
	width: 100%;
	padding: 8px 12px;
	border: 1px solid var(--border);
	border-radius: 6px;
	font-size: 13px;
	outline: none;
	background: var(--bg-white)
}

.color-input-row[data-v-5f068230] {
	display: flex;
	align-items: center;
	gap: 8px
}

.color-hex[data-v-5f068230] {
	flex: 1
}

.switch-btn[data-v-5f068230] {
	width: 40px;
	height: 22px;
	border-radius: 11px;
	border: none;
	background: #ddd;
	cursor: pointer;
	position: relative;
	transition: background .2s;
	padding: 0
}

.switch-btn.on[data-v-5f068230] {
	background: #e6a700
}

.switch-dot[data-v-5f068230] {
	position: absolute;
	top: 2px;
	left: 2px;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	background: #fff;
	transition: transform .2s;
	box-shadow: 0 1px 3px rgba(0, 0, 0, .2)
}

.switch-btn.on .switch-dot[data-v-5f068230] {
	transform: translateX(18px)
}

.image-upload-area[data-v-5f068230] {
	margin-top: 4px
}

.image-preview-box[data-v-5f068230] {
	position: relative;
	border-radius: 8px;
	overflow: hidden
}

.image-preview-box img[data-v-5f068230] {
	width: 100%;
	max-height: 180px;
	-o-object-fit: cover;
	object-fit: cover;
	display: block
}

.image-remove[data-v-5f068230] {
	position: absolute;
	top: 4px;
	right: 4px;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	background: rgba(0, 0, 0, .5);
	border: none;
	cursor: pointer;
	color: #fff;
	font-size: 12px;
	display: flex;
	align-items: center;
	justify-content: center
}

.image-upload-btn[data-v-5f068230] {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 6px;
	padding: 20px;
	border: 2px dashed var(--border);
	border-radius: 8px;
	cursor: pointer;
	color: var(--text-muted);
	font-size: 12px
}

.image-upload-btn[data-v-5f068230]:hover {
	border-color: #e6a700;
	background: #fffef0
}

.module-list-header[data-v-5f068230] {
	font-size: 13px;
	color: #666;
	margin-bottom: 12px
}

.module-list-item[data-v-5f068230] {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 10px 12px;
	border: 1px solid var(--border);
	border-radius: 8px;
	margin-bottom: 6px;
	cursor: pointer;
	transition: all .2s
}

.module-list-item[data-v-5f068230]:hover {
	border-color: #e6a700;
	background: #fffef0
}

.module-item-icon[data-v-5f068230] {
	color: #666;
	display: flex;
	align-items: center
}

.module-item-name[data-v-5f068230] {
	flex: 1;
	font-size: 13px
}

.module-item-del[data-v-5f068230] {
	border: none;
	background: transparent;
	cursor: pointer;
	color: var(--text-muted);
	padding: 4px;
	border-radius: 4px;
	font-size: 14px
}

.module-item-del[data-v-5f068230]:hover {
	color: #ff4d4f
}

.module-list-empty[data-v-5f068230] {
	text-align: center;
	color: var(--text-muted);
	font-size: 13px;
	padding: 40px 0
}

.settings-header[data-v-5f068230] {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 16px;
	padding-bottom: 12px;
	border-bottom: 1px solid var(--border)
}

.back-btn[data-v-5f068230] {
	border: none;
	background: transparent;
	cursor: pointer;
	font-size: 13px;
	color: #e6a700;
	padding: 4px 8px;
	border-radius: 4px
}

.back-btn[data-v-5f068230]:hover {
	background: #fffef0
}

.settings-title[data-v-5f068230] {
	font-size: 14px;
	font-weight: 500
}

.tab-placeholder[data-v-5f068230] {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 300px;
	color: var(--text-muted);
	font-size: 13px
}

.template-list[data-v-5f068230] {
	padding: 12px
}

.template-item[data-v-5f068230] {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 10px;
	border: 1px solid var(--border);
	border-radius: 8px;
	margin-bottom: 8px;
	cursor: pointer;
	transition: all .2s
}

.template-item[data-v-5f068230]:hover {
	border-color: #e6a700;
	background: #fffef0
}

.template-preview[data-v-5f068230] {
	width: 48px;
	height: 48px;
	border-radius: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0
}

.template-item span[data-v-5f068230] {
	font-size: 13px;
	font-weight: 500
}

.preview-overlay[data-v-5f068230] {
	position: fixed;
	inset: 0;
	background: rgba(0, 0, 0, .5);
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 1000
}

.preview-modal[data-v-5f068230] {
	background: var(--bg-white);
	border-radius: 16px;
	overflow: hidden;
	box-shadow: 0 20px 60px rgba(0, 0, 0, .3);
	max-height: 90vh;
	display: flex;
	flex-direction: column
}

.preview-header[data-v-5f068230] {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 12px 16px;
	border-bottom: 1px solid var(--border);
	font-weight: 500
}

.preview-close[data-v-5f068230] {
	border: none;
	background: transparent;
	cursor: pointer;
	color: var(--text-muted);
	font-size: 18px;
	padding: 4px 8px
}

.preview-body[data-v-5f068230] {
	padding: 24px;
	overflow: auto
}

.preview-wechat[data-v-5f068230] {
	width: 430px;
	border-radius: 8px;
	overflow: hidden;
	box-shadow: 0 2px 16px rgba(0, 0, 0, .1)
}

.preview-content[data-v-5f068230] {
	min-height: 500px;
	overflow-y: auto
}

.toast-notification[data-v-5f068230] {
	position: fixed;
	top: 70px;
	left: 50%;
	transform: translateX(-50%);
	background: #333;
	color: #fff;
	padding: 10px 24px;
	border-radius: 8px;
	font-size: 14px;
	z-index: 2000
}

.toast-fade-enter-active[data-v-5f068230],
.toast-fade-leave-active[data-v-5f068230] {
	transition: all .3s
}

.toast-fade-enter-from[data-v-5f068230],
.toast-fade-leave-to[data-v-5f068230] {
	opacity: 0;
	transform: translateX(-50%) translateY(-10px)
}

body,
html {
	margin: 0;
	padding: 0;
	height: 100%;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	background-color: #fff
}

#app {
	font-family: Avenir, Helvetica, Arial, sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #2c3e50;
	margin: 0
}

#app,
#app-wrapper {
	min-height: 100%
}

.fh-guide {
	background-color: #f5f5f5;
	min-height: 100vh
}

.fh-guide,
.fh-guide .fh-jt {
	width: 100%
}

.fh-guide .fh-jt img {
	width: 100%;
	display: block
}

.fh-guide .fh-wz {
	line-height: 1.6;
	font-size: 18px;
	text-align: center;
	color: #333;
	padding: 40px 0
}

.fh-guide .fh-tp {
	width: 83%;
	margin: 0 auto
}

.fh-guide .fh-tp img {
	width: 100%;
	display: block
}

:root {
	--layout-padding: 12px;
	--layout-max-width: 100%;
	--layout-columns: 1;
	--font-size-base: 14px;
	--font-size-title: 18px;
	--grid-gap: 8px;
	--sidebar-width: 0px;
	--content-radius: 8px
}

@media (min-width:768px) {
	:root {
		--layout-padding: 20px;
		--layout-max-width: 100%;
		--layout-columns: 2;
		--font-size-base: 15px;
		--font-size-title: 22px;
		--grid-gap: 12px;
		--sidebar-width: 240px;
		--content-radius: 12px
	}
}

@media (min-width:1024px) {
	:root {
		--layout-padding: 24px;
		--layout-max-width: 1200px;
		--layout-columns: 3;
		--font-size-base: 15px;
		--font-size-title: 24px;
		--grid-gap: 16px;
		--sidebar-width: 260px;
		--content-radius: 12px
	}
}

@media (min-width:1440px) {
	:root {
		--layout-padding: 32px;
		--layout-max-width: 1400px;
		--layout-columns: 4;
		--font-size-base: 16px;
		--font-size-title: 28px;
		--grid-gap: 20px;
		--sidebar-width: 300px;
		--content-radius: 16px
	}
}

.show-mobile {
	display: none !important
}

@media (max-width:767px) {
	.show-mobile {
		display: block !important
	}

	.show-mobile-flex {
		display: flex !important
	}

	.show-mobile-inline {
		display: inline !important
	}

	.hide-mobile {
		display: none !important
	}
}

.show-tablet {
	display: none !important
}

@media (min-width:768px) and (max-width:1023px) {
	.show-tablet {
		display: block !important
	}

	.show-tablet-flex {
		display: flex !important
	}

	.hide-tablet {
		display: none !important
	}
}

.show-desktop {
	display: none !important
}

@media (min-width:1024px) {
	.show-desktop {
		display: block !important
	}

	.show-desktop-flex {
		display: flex !important
	}

	.show-desktop-inline {
		display: inline !important
	}

	.hide-desktop {
		display: none !important
	}
}

.show-tablet-up {
	display: none !important
}

@media (min-width:768px) {
	.show-tablet-up {
		display: block !important
	}

	.show-tablet-up-flex {
		display: flex !important
	}
}

.show-tablet-down {
	display: none !important
}

@media (max-width:1023px) {
	.show-tablet-down {
		display: block !important
	}

	.show-tablet-down-flex {
		display: flex !important
	}
}

.responsive-container {
	width: 100%;
	max-width: var(--layout-max-width);
	margin: 0 auto;
	padding-left: var(--layout-padding);
	padding-right: var(--layout-padding);
	box-sizing: border-box
}

.responsive-grid {
	display: grid;
	grid-template-columns: repeat(var(--layout-columns), 1fr);
	gap: var(--grid-gap)
}

.responsive-sidebar-layout {
	display: flex;
	flex-direction: column;
	gap: var(--grid-gap)
}

@media (min-width:768px) {
	.responsive-sidebar-layout {
		flex-direction: row
	}

	.responsive-sidebar-layout>.sidebar {
		width: var(--sidebar-width);
		flex-shrink: 0
	}

	.responsive-sidebar-layout>.main-content {
		flex: 1;
		min-width: 0
	}
}