/* 眨眼动画：需要把两只眼睛单独标记ID */
            @keyframes eye-blink {
              0%, 90%, 100% { opacity: 1; }
              95% { opacity: 0; }
            }
            .chatbot-eye {
              animation: eye-blink 4s ease infinite;
            }
            /* 弹窗 */
			.chatbot-tan {
				position: fixed;
				width: 100%;
				height: 100%;
				z-index: 99;
				top: 0px;
				left: 0px;
				background: rgba(0, 0, 0, 0.75);
				display: none;
			}

			.chatbot-tan .chatbot-tan-center {
				height: 100%;
				width: 100%;
				display: flex;
				align-items: center;
				justify-content: center;
			}

			/* ========== 卡片容器 ========== */
			.chat-container {
				width: 100%;
				max-width: 780px;
				background: #ffffff;
				border-radius: 32px;
				box-shadow: 0 25px 70px rgba(13, 27, 74, 0.15);
				overflow: hidden;
				display: flex;
				flex-direction: column;
				height: 92vh;
				max-height: 820px;
				transition: box-shadow 0.3s ease, opacity 0.3s ease, transform 0.3s ease;
				/*border: 1px solid rgba(13, 27, 74, 0.06);*/
				opacity: 1;
				transform: scale(1);
				position: relative;
			}

			.chat-container:hover {
				box-shadow: 0 30px 80px rgba(13, 27, 74, 0.20);
			}

			/* .chat-container.hidden {
				opacity: 0;
				transform: scale(0.95);
				pointer-events: none;
				position: absolute;
			} */

			/* ========== 顶栏 · 蓝色主色 ========== */
			.chat-header {
				background: linear-gradient(145deg, #0048d9, #003a9e);
				padding: 20px 28px;
				display: flex;
				align-items: center;
				gap: 14px;
				flex-shrink: 0;
				border-bottom: none;
				position: relative;
			}

			.chat-header::after {
				display: none;
			}

			.chat-header .avatar {
				width: 44px;
				height: 44px;
				background: rgba(255, 255, 255, 0.15);
				border-radius: 50%;
				display: flex;
				align-items: center;
				justify-content: center;
				backdrop-filter: blur(4px);
				border: 1px solid rgba(255, 255, 255, 0.25);
				flex-shrink: 0;
			}

			.header-center {
				flex: 1;
				display: flex;
				flex-direction: column;
				gap: 0;
				min-width: 0;
			}

			.title-row {
				display: flex;
				align-items: center;
				gap: 10px;
				flex-wrap: wrap;
			}

			.title-row .title {
				color: #fff;
				font-weight: 700;
				font-size: 18px;
				letter-spacing: 0.5px;
				text-shadow: 0 1px 4px rgba(0, 0, 0, 0.10);
				white-space: nowrap;
			}

			.header-center .subtitle {
				color: rgba(255, 255, 255, 0.85);
				font-size: 13px;
				font-weight: 400;
				white-space: nowrap;
				overflow: hidden;
				text-overflow: ellipsis;
			}

			.close-btn {
				flex-shrink: 0;
				width: 36px;
				height: 36px;
				border-radius: 50%;
				border: 1px solid rgba(255, 255, 255, 0.25);
				background: rgba(255, 255, 255, 0.08);
				color: #ffffff;
				font-size: 18px;
				cursor: pointer;
				display: flex;
				align-items: center;
				justify-content: center;
				transition: all 0.25s ease;
				backdrop-filter: blur(4px);
				padding: 0;
				line-height: 1;
				font-weight: 300;
			}

			.close-btn:hover {
				background: rgba(255, 255, 255, 0.25);
				border-color: #ffffff;
				transform: rotate(90deg);
			}

			.close-btn:active {
				transform: scale(0.9);
			}

			/* ========== 聊天区域 ========== */
			.chat-area {
				flex: 1;
				overflow-y: auto;
				padding: 0 24px 12px 24px;
				display: flex;
				flex-direction: column;
				gap: 16px;
				background: #f8f9fc;
				scroll-behavior: smooth;
				position: relative;
			}

			.chat-area::-webkit-scrollbar {
				width: 5px;
			}

			.chat-area::-webkit-scrollbar-track {
				background: transparent;
			}

			.chat-area::-webkit-scrollbar-thumb {
				background: #b8c4e0;
				border-radius: 10px;
			}

			/* ========== 快捷问题栏 ========== */
			.quick-bar-wrapper {
				position: sticky;
				top: 0;
				z-index: 10;
				background: #f8f9fc;
				padding: 6px 24px 12px 24px;
				margin: 0 -24px 0 -24px;
				display: flex;
				flex-direction: column;
				gap: 6px;
				box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
			}

			.quick-bar-top {
				display: flex;
				align-items: center;
				gap: 6px;
				width: 100%;
			}

			.quick-scroll-container {
				flex: 1;
				overflow-x: auto;
				overflow-y: hidden;
				display: flex;
				gap: 8px;
				padding: 4px 2px 8px 2px;
				scroll-behavior: smooth;
				-webkit-overflow-scrolling: touch;
				transition: all 0.3s ease;
			}

			.quick-scroll-container::-webkit-scrollbar {
				height: 4px;
			}

			.quick-scroll-container::-webkit-scrollbar-thumb {
				background: #b8c4e0;
				border-radius: 4px;
			}

			.quick-scroll-container::-webkit-scrollbar-track {
				background: transparent;
			}

			.quick-bar-wrapper.expanded .quick-scroll-container {
				overflow: visible;
				flex-direction: row;
				flex-wrap: wrap;
				align-content: flex-start;
				gap: 8px;
				padding: 4px 2px 8px 2px;
				overflow-y: auto;
				max-height: 180px;
			}

			.quick-bar-wrapper.expanded .scroll-btn {
				display: none;
			}

			.quick-btn {
				flex: 0 0 auto;
				background: #ffffff;
				border: 1px solid #e0e5ef;
				padding: 6px 16px;
				border-radius: 20px;
				font-size: 13px;
				color: #0048d9;
				cursor: pointer;
				transition: all 0.25s ease;
				font-weight: 500;
				white-space: nowrap;
			}

			.quick-btn:hover {
				background: #e6f0ff;
				border-color: #0048d9;
				transform: translateY(-1px);
				box-shadow: 0 4px 16px rgba(0, 72, 217, 0.15);
			}

			.quick-btn:active {
				transform: scale(0.96);
			}

			.scroll-btn {
				flex: 0 0 22px;
				width: 22px;
				height: 22px;
				border-radius: 50%;
				border: 1px solid #d5dbe8;
				background: #ffffff;
				color: #0048d9;
				font-size: 12px;
				cursor: pointer;
				display: flex;
				align-items: center;
				justify-content: center;
				transition: all 0.2s ease;
				box-shadow: 0 1px 4px rgba(0, 0, 0, 0.02);
				padding: 0;
				line-height: 1;
				font-weight: 400;
				margin: 0;
			}

			.scroll-btn:hover {
				background: #e6f0ff;
				border-color: #0048d9;
			}

			.scroll-btn:active {
				transform: scale(0.9);
			}

			.scroll-btn.disabled {
				opacity: 0.25;
				pointer-events: none;
			}

			.toggle-btn {
				flex-shrink: 0;
				width: auto;
				height: 28px;
				border-radius: 6px;
				border: 1px solid #0048d9;
				background: #0048d9;
				cursor: pointer;
				display: flex;
				align-items: center;
				justify-content: center;
				padding: 0 12px;
				font-size: 12px;
				color: #ffffff;
				font-weight: 500;
				transition: all 0.25s ease;
				box-shadow: 0 1px 4px rgba(0, 72, 217, 0.15);
				user-select: none;
				white-space: nowrap;
				-webkit-tap-highlight-color: transparent;
			}

			.toggle-btn:hover {
				background: #1a5ae0;
				border-color: #1a5ae0;
			}

			.toggle-btn:active {
				transform: scale(0.9);
			}

			/* ========== 回到顶部按钮 ========== */
			.back-to-top-btn {
				position: absolute;
				bottom: 80px;
				right: 20px;
				width: 36px;
				height: 36px;
				border-radius: 50%;
				background: #ffffff;
				color: #0048d9;
				border: 1px solid #d5dbe8;
				font-size: 16px;
				cursor: pointer;
				box-shadow: 0 4px 16px rgba(0, 72, 217, 0.10);
				transition: all 0.3s ease;
				z-index: 20;
				display: none;
				align-items: center;
				justify-content: center;
				opacity: 0;
				transform: scale(0.8);
				padding: 0;
				line-height: 1;
			}

			.back-to-top-btn.visible {
				display: flex;
				opacity: 1;
				transform: scale(1);
			}

			.back-to-top-btn:hover {
				background: #e6f0ff;
				border-color: #0048d9;
				box-shadow: 0 8px 24px rgba(0, 72, 217, 0.20);
			}

			.back-to-top-btn:active {
				transform: scale(0.9);
			}

			/* ========== 消息行 ========== */
			.msg {
				display: flex;
				align-items: flex-start;
				gap: 12px;
				max-width: 100%;
				animation: fadeSlide 0.3s ease;
			}

			.msg.user {
				align-self: flex-end;
				flex-direction: row-reverse;
			}

			.msg.ai {
				align-self: flex-start;
				flex-direction: row;
			}

			.msg .msg-avatar {
				width: 42px;
				height: 42px;
				border-radius: 50%;
				flex-shrink: 0;
				display: flex;
				align-items: center;
				justify-content: center;
				box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
				border: 1px solid rgba(255, 255, 255, 0.20);
				user-select: none;
			}

			.msg.ai .msg-avatar {
				background: linear-gradient(135deg, #e8edf8, #d5dbe8);
				color: #0048d9;
			}

			.msg.user .msg-avatar {
				background: linear-gradient(135deg, #0048d9, #003a9e);
				color: #fff;
				border-color: rgba(255, 255, 255, 0.20);
			}

			.msg .bubble {
				padding: 14px 20px;
				border-radius: 20px;
				line-height: 1.7;
				font-size: 15px;
				word-break: break-word;
				max-width: 100%;
				position: relative;
			}

			.msg.user .bubble {
				background: linear-gradient(145deg, #0048d9, #003a9e);
				color: #ffffff;
				border-bottom-right-radius: 6px;
				box-shadow: 0 4px 16px rgba(0, 72, 217, 0.20);
			}

			.msg.ai .bubble {
				background: #ffffff;
				color: #1a1a2e;
				border: 1px solid #e8ecf4;
				border-bottom-left-radius: 6px;
				box-shadow: 0 4px 12px rgba(0, 0, 0, 0.02);
			}

			.msg.ai .bubble a,
			.msg.ai .bubble .highlight {
				color: #0048d9;
				font-weight: 600;
				text-decoration: underline;
			}

			.msg.ai .bubble .stat-number {
				color: #0048d9;
				font-weight: 700;
			}

			.ai-intro .bubble {
				background: #ffffff !important;
				border: 1px solid #e8ecf4 !important;
				padding: 20px 24px !important;
				border-radius: 16px !important;
				box-shadow: 0 4px 20px rgba(13, 27, 74, 0.04) !important;
				border-top: 3px solid #0048d9 !important;
			}

			.ai-intro .intro-text {
				font-size: 15px;
				color: #1a1a2e;
				margin-bottom: 16px;
			}

			.ai-intro .intro-text strong {
				color: #0048d9;
				font-weight: 700;
			}

			.stats-grid {
				display: grid;
				grid-template-columns: repeat(4, 1fr);
				gap: 12px;
				margin: 16px 0 20px 0;
			}

			.stats-grid .stat-item {
				background: #f8f9fc;
				border-radius: 12px;
				padding: 12px 6px;
				text-align: center;
				border: 1px solid #e8ecf4;
				box-shadow: 0 2px 6px rgba(0, 0, 0, 0.02);
				transition: transform 0.2s ease, border-color 0.2s;
			}

			.stats-grid .stat-item:hover {
				transform: translateY(-2px);
				border-color: #0048d9;
			}

			.stats-grid .stat-number {
				font-size: 20px;
				font-weight: 800;
				color: #0048d9;
				line-height: 1.3;
			}

			.stats-grid .stat-label {
				font-size: 12px;
				color: #5b6b8a;
				font-weight: 500;
				margin-top: 2px;
			}

			.cta-button {
				display: inline-block;
				background: linear-gradient(145deg, #0048d9, #003a9e);
				color: #fff;
				font-weight: 700;
				font-size: 15px;
				padding: 12px 28px;
				border-radius: 40px;
				border: none;
				cursor: pointer;
				transition: all 0.25s ease;
				box-shadow: 0 6px 20px rgba(0, 72, 217, 0.30);
				text-align: center;
				margin-top: 4px;
				letter-spacing: 0.3px;
				border: 1px solid rgba(255, 255, 255, 0.15);
				text-decoration: none !important;
			}

			.cta-button:hover {
				transform: translateY(-2px);
				box-shadow: 0 10px 32px rgba(0, 72, 217, 0.40);
				background: linear-gradient(145deg, #1a5ae0, #0048d9);
				border-color: #ffffff;
			}

			.cta-button:active {
				transform: scale(0.97);
			}

			.cta-group {
				display: flex;
				flex-wrap: wrap;
				gap: 12px;
				margin-top: 4px;
			}

			.cta-button-outline {
				background: transparent;
				color: #0048d9;
				border: 1px solid #0048d9;
				box-shadow: none;
				text-decoration: none !important;
			}

			.cta-button-outline:hover {
				background: #e6f0ff;
				border-color: #0048d9;
				box-shadow: 0 6px 20px rgba(0, 72, 217, 0.15);
				transform: translateY(-2px);
				text-decoration: none !important;
			}

			.intro-tip {
				margin-top: 14px;
				font-size: 13px;
				color: #6b7280;
				line-height: 1.5;
			}

			.tip-icon {
				display: inline-block;
				animation: bounceLight 1.2s infinite;
			}

			@keyframes bounceLight {

				0%,
				100% {
					transform: translateY(0);
				}

				50% {
					transform: translateY(-4px);
				}
			}

			/* ========== 预约表单（内嵌） ========== */
			.booking-form-container {
				margin-top: 12px;
				padding: 16px;
				background: #f8f9fc;
				border-radius: 12px;
				border: 1px solid #e0e5ef;
			}

			.booking-form-container .form-group {
				margin-bottom: 12px;
			}

			.booking-form-container .form-label {
				display: block;
				font-size: 14px;
				font-weight: 600;
				color: #1a1a2e;
				margin-bottom: 6px;
			}

			.booking-form-container .form-input {
				width: 100%;
				padding: 10px 14px;
				border: 1px solid #d5dbe8;
				border-radius: 10px;
				font-size: 14px;
				outline: none;
				transition: border 0.2s, box-shadow 0.2s;
				background: #ffffff;
				color: #1a1a2e;
			}

			.booking-form-container .form-input:focus {
				border-color: #0048d9;
				box-shadow: 0 0 0 3px rgba(0, 72, 217, 0.12);
			}

			.booking-form-container .form-textarea {
				resize: vertical;
				min-height: 80px;
			}

			.booking-buttons {
				display: flex;
				gap: 12px;
				margin-top: 16px;
				justify-content: flex-start;
			}

			.booking-submit-btn {
				width: auto;
				padding: 10px 24px;
				border-radius: 40px;
				border: none;
				font-size: 14px;
				font-weight: 700;
				cursor: pointer;
				transition: all 0.25s;
				background: linear-gradient(145deg, #0048d9, #003a9e);
				color: #fff;
				box-shadow: 0 6px 20px rgba(0, 72, 217, 0.30);
			}

			.booking-submit-btn:hover {
				background: linear-gradient(145deg, #1a5ae0, #0048d9);
				transform: translateY(-1px);
				box-shadow: 0 10px 32px rgba(0, 72, 217, 0.40);
			}

			.booking-reset-btn {
				width: auto;
				padding: 10px 24px;
				border-radius: 40px;
				border: 1px solid #d5dbe8;
				font-size: 14px;
				font-weight: 600;
				cursor: pointer;
				transition: all 0.25s;
				background: #ffffff;
				color: #5b6b8a;
			}

			.booking-reset-btn:hover {
				background: #f0f2f6;
				border-color: #b8c4e0;
			}

			.form-error {
				display: none;
				color: #e74c3c;
				font-size: 12px;
				margin-top: 4px;
			}

			.form-error.show {
				display: block;
			}

			/* ========== 打字指示器 ========== */
			.msg.ai.typing .msg-avatar {
				opacity: 0.8;
			}

			.msg.ai.typing .bubble {
				background: #f0f3fa;
				color: #7a8aa8;
				border-color: #d5dbe8;
				font-style: italic;
				display: flex;
				align-items: center;
				gap: 4px;
			}

			.typing-dots {
				display: inline-flex;
				gap: 3px;
				margin-left: 4px;
			}

			.typing-dots span {
				width: 6px;
				height: 6px;
				border-radius: 50%;
				background: #a0a8b8;
				animation: bounce 1.2s infinite ease-in-out;
			}

			.typing-dots span:nth-child(1) {
				animation-delay: 0s;
			}

			.typing-dots span:nth-child(2) {
				animation-delay: 0.2s;
			}

			.typing-dots span:nth-child(3) {
				animation-delay: 0.4s;
			}

			@keyframes bounce {

				0%,
				60%,
				100% {
					transform: translateY(0);
				}

				30% {
					transform: translateY(-6px);
				}
			}

			/* ========== 重新打开按钮 ========== */
			.reopen-btn {
				position: fixed;
				bottom: 30px;
				right: 30px;
				background: linear-gradient(145deg, #0048d9, #003a9e);
				color: #fff;
				border: none;
				padding: 14px 24px;
				border-radius: 50px;
				font-size: 15px;
				font-weight: 600;
				cursor: pointer;
				box-shadow: 0 8px 30px rgba(0, 72, 217, 0.35);
				transition: all 0.3s ease;
				z-index: 999;
				display: none;
				align-items: center;
				gap: 8px;
				letter-spacing: 0.3px;
				border: 1px solid rgba(255, 255, 255, 0.15);
			}

			.reopen-btn:hover {
				transform: translateY(-3px) scale(1.02);
				box-shadow: 0 12px 40px rgba(0, 72, 217, 0.45);
				border-color: #ffffff;
			}

			.reopen-btn:active {
				transform: scale(0.95);
			}

			.reopen-btn.visible {
				display: flex;
			}

			@keyframes fadeSlide {
				0% {
					opacity: 0;
					transform: translateY(12px);
				}

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

			/* ========== 输入区 ========== */
			.input-area {
				padding: 12px 20px 18px 20px;
				background: #ffffff;
				border-top: 1px solid #e8ecf4;
				display: flex;
				gap: 12px;
				align-items: flex-end;
				flex-shrink: 0;
				position: relative;
			}

			.input-area textarea {
				flex: 1;
				resize: none;
				border: 1px solid #d5dbe8;
				border-radius: 16px;
				padding: 10px 16px;
				font-size: 15px;
				font-family: inherit;
				outline: none;
				transition: border 0.2s ease, box-shadow 0.2s;
				min-height: 48px;
				max-height: 120px;
				line-height: 1.5;
				background: #f8f9fc;
				color: #1a1a2e;
			}

			.input-area textarea:focus {
				border-color: #0048d9;
				box-shadow: 0 0 0 3px rgba(0, 72, 217, 0.12);
				background: #ffffff;
			}

			.input-area .send-btn {
				background: linear-gradient(145deg, #0048d9, #003a9e);
				border: none;
				color: #fff;
				padding: 10px 24px;
				border-radius: 40px;
				font-weight: 700;
				font-size: 15px;
				cursor: pointer;
				transition: all 0.2s ease;
				white-space: nowrap;
				height: 48px;
				display: flex;
				align-items: center;
				justify-content: center;
				min-width: 72px;
				box-shadow: 0 4px 12px rgba(0, 72, 217, 0.25);
				border: 1px solid rgba(255, 255, 255, 0.10);
			}

			.input-area .send-btn:hover {
				background: linear-gradient(145deg, #1a5ae0, #0048d9);
				transform: translateY(-2px);
				box-shadow: 0 8px 24px rgba(0, 72, 217, 0.35);
				border-color: #ffffff;
			}

			.input-area .send-btn:active {
				transform: scale(0.96);
			}

			.input-area .send-btn:disabled {
				opacity: 0.5;
				cursor: not-allowed;
				transform: none;
				box-shadow: none;
			}

			.quick-menu-btn {
				flex-shrink: 0;
				width: 48px;
				height: 48px;
				border-radius: 50%;
				border: 1px solid #d5dbe8;
				background: #ffffff;
				color: #0048d9;
				font-size: 20px;
				cursor: pointer;
				display: flex;
				align-items: center;
				justify-content: center;
				transition: all 0.2s;
				box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
			}

			.quick-menu-btn:hover {
				background: #e6f0ff;
				border-color: #0048d9;
				transform: scale(1.05);
			}

			.quick-menu-btn.active {
				background: #e6f0ff;
				border-color: #0048d9;
				transform: rotate(45deg);
			}

			.quick-menu-dropdown {
				position: absolute;
				bottom: calc(100% + 10px);
				left: 20px;
				background: #ffffff;
				border-radius: 12px;
				box-shadow: 0 8px 30px rgba(0, 0, 0, 0.15);
				border: 1px solid #e8ecf4;
				min-width: 160px;
				overflow: hidden;
				display: none;
				z-index: 50;
			}

			.quick-menu-dropdown.show {
				display: block;
			}

			.quick-menu-dropdown a {
				display: flex;
				align-items: center;
				gap: 8px;
				padding: 12px 16px;
				font-size: 14px;
				color: #1a1a2e;
				text-decoration: none;
				transition: background 0.2s;
			}

			.quick-menu-dropdown a:hover {
				background: #f0f4ff;
				color: #0048d9;
			}

			.quick-menu-dropdown a span {
				font-size: 18px;
			}

/* *************** 快捷问题下拉开始 *************** */
        .quick-select-dropdown {
            position: absolute;
            bottom: calc(100% + 10px);
            left: 20px;
            right: 20px;
            background: #f8f9fc;
            border-radius: 12px;
            box-shadow: 0 8px 30px rgba(0, 0, 0, 0.15);
            border: 1px solid #e8ecf4;
            padding: 12px;
            display: none;
            z-index: 49;
            max-height: 260px;
            overflow-y: auto;
            scrollbar-width: thin;
            scrollbar-color: #c5cbd8 transparent;
        }
        .quick-select-dropdown.show {
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
            align-items: flex-start;
        }
        .quick-select-dropdown::-webkit-scrollbar {
            width: 5px;
        }
        .quick-select-dropdown::-webkit-scrollbar-track {
            background: transparent;
        }
        .quick-select-dropdown::-webkit-scrollbar-thumb {
            background: #c5cbd8;
            border-radius: 10px;
        }
        .quick-select-dropdown .quick-select-item {
            flex: 0 0 auto;
            background: #ffffff;
            border: 1px solid #e0e5ef;
            border-radius: 20px;
            padding: 6px 16px;
            font-size: 13px;
            color: #5f5f5f;
            cursor: pointer;
            transition: all 0.25s ease;
            font-weight: 500;
            white-space: nowrap;
            display: inline-flex;
            align-items: center;
            gap: 6px;
        }
        .quick-select-dropdown .quick-select-item:hover {
            background: #e6f0ff;
            border-color: #0048d9;
            transform: translateY(-1px);
            box-shadow: 0 4px 16px rgba(0, 72, 217, 0.15);
        }
        .quick-select-dropdown .quick-select-item span {
            font-size: 16px;
        }
        /* *************** 快捷问题下拉结束 *************** */


			@media (max-width: 600px) {
				.chat-container {
					height: 100vh;
					max-height: 100vh;
					border-radius: 0;
					box-shadow: none;
					padding: 0;
				}

				.chat-header {
					padding: 16px 18px;
				}

				.chat-area {
					padding: 0 14px 8px 14px;
				}

				.input-area {
					padding: 10px 14px 14px 14px;
					gap: 8px;
				}

				.quick-bar-wrapper {
					padding: 4px 14px 8px 14px;
					margin: 0 -14px 0 -14px;
					gap: 4px;
				}

				.quick-bar-top {
					gap: 4px;
				}

				.quick-btn {
					font-size: 12px;
					padding: 4px 12px;
				}

				.scroll-btn {
					flex: 0 0 18px;
					width: 18px;
					height: 18px;
					font-size: 10px;
				}

				.toggle-btn {
					height: 24px;
					padding: 0 8px;
					font-size: 11px;
					border-radius: 4px;
				}

				.back-to-top-btn {
					bottom: 70px;
					right: 14px;
					width: 32px;
					height: 32px;
					font-size: 14px;
				}

				.quick-bar-wrapper.expanded .quick-scroll-container {
					max-height: 150px;
				}

				.msg .bubble {
					font-size: 14px;
					padding: 12px 16px;
				}

				.msg .msg-avatar {
					width: 34px;
					height: 34px;
				}

				.input-area .send-btn {
					padding: 8px 16px;
					font-size: 14px;
					min-width: 60px;
					height: 44px;
				}

				.input-area textarea {
					font-size: 14px;
					padding: 8px 12px;
					min-height: 42px;
				}

				.stats-grid {
					grid-template-columns: repeat(2, 1fr);
					gap: 10px;
				}

				.stats-grid .stat-number {
					font-size: 18px;
				}

				.ai-intro .bubble {
					padding: 16px 16px !important;
				}

				.cta-button {
					width: 100%;
					justify-content: center;
					padding: 12px 16px;
					font-size: 14px;
				}

				.reopen-btn {
					bottom: 20px;
					right: 20px;
					padding: 12px 18px;
					font-size: 13px;
				}

				.title-row .title {
					font-size: 16px;
				}

				.header-center .subtitle {
					font-size: 12px;
				}

				.close-btn {
					width: 32px;
					height: 32px;
					font-size: 16px;
				}

				.chat-header .avatar {
					width: 38px;
					height: 38px;
				}

				.quick-menu-btn {
					width: 44px;
					height: 44px;
					font-size: 18px;
				}

				.quick-menu-dropdown {
					left: 14px;
					bottom: calc(100% + 6px);
					min-width: 140px;
				}
				
				.quick-select-dropdown {
					left: 14px;
					right: 14px;
					bottom: calc(100% + 6px);
					max-height: 220px;
					padding: 10px;
				}

				.quick-select-dropdown .quick-select-item {
					flex: 0 0 auto;
				}
			}