/* 探维世纪客服组件样式 - 独立无污染 */
  #tts-customer-service {
  	position: fixed;
  	top: 30%;
  	right: 20px;
  	transform: translateY(-50%);
  	z-index: 99998;
  	display: flex;
  	flex-direction: column;
  	gap: 12px;
  }

  .tts-service-btn {
  	width: 64px;
  	height: 64px;
  	border-radius: 50%;
  	display: flex;
  	flex-direction: column;
  	align-items: center;
  	justify-content: center;
  	color: white;
  	font-size: 12px;
  	cursor: pointer;
  	transition: all 0.3s ease;
  	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  	border: none;
  	outline: none;
  	font-weight: 500;
  }

  .tts-service-btn i {
  	font-size: 20px;
  	margin-bottom: 4px;
  }

  .tts-service-btn:hover {
  	transform: translateY(-5px);
  	box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2);
  }

  /* 探维世纪品牌色系 - 深蓝/科技蓝 */
  .tts-btn-audition {
  	background: linear-gradient(135deg, #1a6fd0 0%, #2a8bf2 100%);
  }

  .tts-btn-consult {
  	background: linear-gradient(135deg, #0d5ba7 0%, #1a6fd0 100%);
  }

  .tts-btn-register {
  	background: linear-gradient(135deg, #0a4a8a 0%, #0d5ba7 100%);
  }

  /* 客服聊天窗口样式 */
  #tts-chat-window {
  	position: fixed;
  	bottom: -500px;
  	right: 20px;
  	width: 480px;
  	height: 500px;
  	background-color: white;
  	border-radius: 12px 12px 0 0;
  	box-shadow: 0 -5px 25px rgba(0, 0, 0, 0.15);
  	z-index: 99999;
  	display: flex;
  	flex-direction: column;
  	overflow: hidden;
  	transition: bottom 0.5s cubic-bezier(0.68, -0.55, 0.27, 1.55);
  }

  #tts-chat-window.tts-active {
  	bottom: 0;
  }

  /* 聊天窗口头部 */
  .tts-chat-header {
  	background: linear-gradient(135deg, #0a4a8a 0%, #1a6fd0 100%);
  	color: white;
  	padding: 10px 20px;
  	display: flex;
  	align-items: center;
  	justify-content: space-between;
  }

  .tts-chat-title {
  	display: flex;
  	align-items: center;
  	gap: 12px;
  }

  .tts-chat-title i {
  	font-size: 22px;
  }

  .tts-chat-title h3 {
  	font-size: 18px;
  	font-weight: 600;
  }

  .tts-close-btn {
  	background: rgba(255, 255, 255, 0.2);
  	border: none;
  	color: white;
  	width: 32px;
  	height: 32px;
  	border-radius: 50%;
  	display: flex;
  	align-items: center;
  	justify-content: center;
  	cursor: pointer;
  	transition: background 0.3s;
  }

  .tts-close-btn:hover {
  	background: rgba(255, 255, 255, 0.3);
  }

  /* 聊天内容区域 */
  .tts-chat-body {
  	flex: 1;
  	padding: 20px;
  	overflow-y: auto;
  	background-color: #f9f9f9;
  	display: flex;
  	flex-direction: column;
  	gap: 20px;
  }

  /* 聊天消息样式 */
  .tts-message {
  	display: flex;
  	max-width: 85%;
  }

  .tts-message-avatar {
  	width: 36px;
  	height: 36px;
  	border-radius: 50%;
  	overflow: hidden;
  	margin-right: 10px;
  	flex-shrink: 0;
  }

  .tts-message-avatar img {
  	width: 100%;
  	height: 100%;
  	object-fit: cover;
  }

  .tts-message-content {
  	padding: 12px 15px;
  	border-radius: 18px;
  	position: relative;
  	word-break: break-word;
  }

  /* 客服消息样式 */
  .tts-message-received .tts-message-content {
  	background-color: white;
  	border: 1px solid #e6e6e6;
  	border-radius: 18px 18px 18px 4px;
  	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  }

  .tts-message-received .tts-message-sender {
  	font-size: 12px;
  	color: #666;
  	margin-bottom: 5px;
  	font-weight: 600;
  }

  .tts-message-received .tts-message-time {
  	font-size: 11px;
  	color: #999;
  	text-align: right;
  	margin-top: 5px;
  }

  /* 用户消息样式 */
  .tts-message-sent {
  	align-self: flex-end;
  	flex-direction: row-reverse;
  }

  .tts-message-sent .tts-message-avatar {
  	margin-right: 0;
  	margin-left: 10px;
  }

  .tts-message-sent .tts-message-content {
  	background: linear-gradient(135deg, #0a4a8a 0%, #1a6fd0 100%);
  	color: white;
  	border-radius: 18px 18px 4px 18px;
  }

  .tts-message-sent .tts-message-time {
  	font-size: 11px;
  	color: rgba(255, 255, 255, 0.8);
  	text-align: right;
  	margin-top: 5px;
  }

  /* 分隔线样式 */
  .tts-chat-divider {
  	text-align: center;
  	position: relative;
  	margin: 10px 0;
  }

  .tts-chat-divider span {
  	display: inline-block;
  	padding: 0 15px;
  	background-color: #f9f9f9;
  	color: #999;
  	font-size: 12px;
  	position: relative;
  	z-index: 1;
  }

  .tts-chat-divider:before {
  	content: '';
  	position: absolute;
  	top: 50%;
  	left: 0;
  	right: 0;
  	height: 1px;
  	background-color: #eee;
  	z-index: 0;
  }

  /* 输入区域 */
  .tts-chat-footer {
  	padding: 15px 20px;
  	border-top: 1px solid #eee;
  	background-color: white;
  	display: flex;
  	gap: 10px;
  }

  .tts-chat-input {
  	flex: 1;
  	border: 1px solid #ddd;
  	border-radius: 24px;
  	padding: 12px 18px;
  	font-size: 14px;
  	outline: none;
  	transition: border 0.3s;
  }

  .tts-chat-input:focus {
  	border-color: #1a6fd0;
  }

  .tts-send-btn {
  	background: linear-gradient(135deg, #0a4a8a 0%, #1a6fd0 100%);
  	color: white;
  	border: none;
  	width: 46px;
  	height: 46px;
  	border-radius: 50%;
  	display: flex;
  	align-items: center;
  	justify-content: center;
  	cursor: pointer;
  	transition: transform 0.3s;
  }

  .tts-send-btn:hover {
  	transform: scale(1.05);
  }

  /* 响应式调整 */
  @media (max-width: 768px) {
  	#tts-chat-window {
  		width: 100%;
  		right: 0;
  		border-radius: 0;
  	}

  	#tts-customer-service {
  		right: 10px;
  	}
  }