@charset "UTF-8";

:root {
	--apoyl-bg: #10131a;
	--apoyl-panel: #171b24;
	--apoyl-panel-soft: #202636;
	--apoyl-line: rgba(255, 255, 255, .12);
	--apoyl-text: #f6f7fb;
	--apoyl-muted: rgba(246, 247, 251, .62);
	--apoyl-human: #2563eb;
	--apoyl-ai: #f08b21;
	--apoyl-ai-soft: #2b241e;
	--apoyl-input: #ffffff;
	--apoyl-input-text: #20242d;
	--apoyl-shadow: 0 20px 60px rgba(0, 0, 0, .22);
}

html,
body {
	height: 100%;
}

body {
	margin: 0;
	background: var(--apoyl-bg);
	color: var(--apoyl-text);
	font-family: "Microsoft YaHei", "PingFang SC", "Segoe UI", sans-serif;
}

.apoyl_chatgpt_shell {
	box-sizing: border-box;
	width: min(100%, 980px);
	height: 100vh;
	margin: 0 auto;
	padding: 18px;
	display: flex;
	flex-direction: column;
	min-height: 0;
}

/* ========== 头部 ========== */
.apoyl_chatgpt_header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 12px 20px;
	border: 1px solid var(--apoyl-line);
	border-radius: 8px 8px 0 0;
	background: var(--apoyl-panel);
	box-shadow: var(--apoyl-shadow);
}

/* 头部左侧：侧边栏按钮 + 标题信息 */
.apoyl_chatgpt_header_left {
	display: flex;
	align-items: center;
	gap: 12px;
	min-width: 0;
}

.apoyl_chatgpt_header_info {
	min-width: 0;
}

.apoyl_chatgpt_header_info strong {
	display: block;
	font-size: 18px;
	line-height: 1.25;
	letter-spacing: 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.apoyl_chatgpt_header_info span {
	display: block;
	margin-top: 2px;
	color: var(--apoyl-muted);
	font-size: 12px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* 侧边栏切换按钮 + 关闭按钮 */
.apoyl_chatgpt_sidebar_toggle,
.apoyl_chatgpt_sidebar_close {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	border: 1px solid var(--apoyl-line);
	border-radius: 8px;
	background: rgba(255, 255, 255, .08);
	color: var(--apoyl-text);
	cursor: pointer;
	flex-shrink: 0;
	transition: background .18s;
}

.apoyl_chatgpt_sidebar_toggle:hover,
.apoyl_chatgpt_sidebar_close:hover {
	background: rgba(255, 255, 255, .16);
}

.apoyl_chatgpt_sidebar_toggle svg,
.apoyl_chatgpt_sidebar_close svg {
	width: 18px;
	height: 18px;
	fill: none;
	stroke: currentColor;
	stroke-width: 2;
	stroke-linecap: round;
}

/* 头部右侧：新对话按钮 */
.apoyl_chatgpt_new_chat_btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	border: 1px solid var(--apoyl-line);
	border-radius: 8px;
	background: rgba(255, 255, 255, .08);
	color: var(--apoyl-text);
	cursor: pointer;
	flex-shrink: 0;
	transition: background .18s;
}

.apoyl_chatgpt_new_chat_btn:hover {
	background: var(--apoyl-human);
	color: #fff;
}

.apoyl_chatgpt_new_chat_btn svg {
	width: 20px;
	height: 20px;
	fill: none;
	stroke: currentColor;
	stroke-width: 2.5;
	stroke-linecap: round;
}

/* ========== 工作区 ========== */
.apoyl_chatgpt_workspace {
	display: flex;
	flex: 1 1 auto;
	min-height: 0;
	position: relative;
}

/* ========== 侧边栏 ========== */
.apoyl_chatgpt_sidebar {
	display: none;
	flex: 0 0 280px;
	box-sizing: border-box;
	padding: 12px;
	border: 1px solid var(--apoyl-line);
	border-top: 0;
	background: var(--apoyl-panel);
	overflow: auto;
	position: relative;
	z-index: 5;
}

.apoyl_chatgpt_sidebar.is-open {
	display: block;
}

.apoyl_chatgpt_sidebar_head {
	display: flex;
	gap: 8px;
	align-items: center;
	margin-bottom: 10px;
}

.apoyl_chatgpt_new_chat {
	flex: 1 1 auto;
	height: 38px;
	border: 0;
	border-radius: 8px;
	background: var(--apoyl-human);
	color: #fff;
	font-weight: 700;
	cursor: pointer;
	transition: filter .18s;
}

.apoyl_chatgpt_new_chat:hover {
	filter: brightness(1.1);
}

.apoyl_chatgpt_session_search {
	box-sizing: border-box;
	width: 100%;
	height: 36px;
	margin-bottom: 10px;
	padding: 0 10px;
	border: 1px solid var(--apoyl-line);
	border-radius: 8px;
	background: var(--apoyl-input);
	color: var(--apoyl-input-text);
	outline: none;
}

/* ========== 会话列表项（标题 + 三个点在同一行） ========== */
.apoyl_chatgpt_session {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 6px;
	margin-bottom: 6px;
	padding: 10px 10px;
	border: 1px solid var(--apoyl-line);
	border-radius: 8px;
	background: rgba(255, 255, 255, .05);
	cursor: pointer;
	transition: background .15s, border-color .15s;
	position: relative;
}

.apoyl_chatgpt_session:hover {
	background: rgba(255, 255, 255, .08);
}

.apoyl_chatgpt_session.is-active {
	border-color: var(--apoyl-human);
	background: rgba(255, 255, 255, .1);
}

/* 会话标题：超长时省略号 */
.apoyl_chatgpt_session_title {
	flex: 1 1 auto;
	min-width: 0;
	border: 0;
	background: transparent;
	color: var(--apoyl-text);
	text-align: left;
	font-weight: 600;
	font-size: 13px;
	cursor: pointer;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 1.4;
	padding: 0;
}

/* 三个点按钮 */
.apoyl_chatgpt_session_more {
	flex-shrink: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 28px;
	padding: 0;
	border: 0;
	border-radius: 6px;
	background: transparent;
	color: var(--apoyl-muted);
	cursor: pointer;
	transition: background .15s, color .15s;
	position: relative;
}

.apoyl_chatgpt_session_more:hover {
	background: rgba(255, 255, 255, .12);
	color: var(--apoyl-text);
}

.apoyl_chatgpt_session_more svg {
	width: 16px;
	height: 16px;
	fill: currentColor;
	stroke: none;
}

/* 下拉菜单 */
.apoyl_chatgpt_session_dropdown {
	display: none;
	position: absolute;
	right: 0;
	top: 100%;
	z-index: 100;
	min-width: 120px;
	margin-top: 4px;
	padding: 4px 0;
	border: 1px solid var(--apoyl-line);
	border-radius: 8px;
	background: var(--apoyl-panel);
	box-shadow: 0 12px 32px rgba(0, 0, 0, .32);
}

.apoyl_chatgpt_session_dropdown.is-open {
	display: block;
}

.apoyl_chatgpt_session_dropdown button {
	display: flex;
	align-items: center;
	gap: 8px;
	width: 100%;
	padding: 8px 14px;
	border: 0;
	background: transparent;
	color: var(--apoyl-text);
	font-size: 13px;
	text-align: left;
	cursor: pointer;
	white-space: nowrap;
	transition: background .12s;
}

.apoyl_chatgpt_session_dropdown button:hover {
	background: rgba(255, 255, 255, .1);
}

.apoyl_chatgpt_session_dropdown svg {
	width: 15px;
	height: 15px;
	fill: none;
	stroke: currentColor;
	stroke-width: 2;
	stroke-linecap: round;
	stroke-linejoin: round;
	flex-shrink: 0;
}

/* 删除按钮红色提示 */
.apoyl_chatgpt_session_dropdown button[data-act="delete"] {
	color: #ef4444;
}

/* 旧的操作按钮行隐藏 */
.apoyl_chatgpt_session_ops {
	display: none;
}

/* ========== 弹出框（改名/删除确认） ========== */
.apoyl_chatgpt_session_pop {
	position: fixed;
	z-index: 99999;
	top: 50%;
	left: 50%;
	width: min(320px, calc(100vw - 32px));
	box-sizing: border-box;
	padding: 16px;
	border: 1px solid var(--apoyl-line);
	border-radius: 8px;
	background: var(--apoyl-panel);
	color: var(--apoyl-text);
	box-shadow: 0 18px 50px rgba(0, 0, 0, .32);
	transform: translate(-50%, -50%);
}

.apoyl_chatgpt_session_pop input {
	box-sizing: border-box;
	width: 100%;
	height: 38px;
	margin-bottom: 12px;
	padding: 0 10px;
	border: 1px solid var(--apoyl-line);
	border-radius: 8px;
	background: var(--apoyl-input);
	color: var(--apoyl-input-text);
	outline: none;
}

.apoyl_chatgpt_session_pop p {
	margin: 0 0 12px;
}

.apoyl_chatgpt_session_pop div {
	display: flex;
	gap: 8px;
	justify-content: flex-end;
}

.apoyl_chatgpt_session_pop button {
	height: 34px;
	padding: 0 12px;
	border: 0;
	border-radius: 8px;
	background: rgba(255, 255, 255, .12);
	color: var(--apoyl-text);
	cursor: pointer;
}

.apoyl_chatgpt_session_pop button[data-pop='save'],
.apoyl_chatgpt_session_pop button[data-pop='delete'] {
	background: var(--apoyl-human);
	color: #fff;
}

/* ========== 聊天主区域 ========== */
.apoyl_chatgpt_all {
	flex: 1 1 auto;
	border: 1px solid var(--apoyl-line);
	border-top: 0;
	border-radius: 0 0 8px 8px;
	background: var(--apoyl-panel-soft);
	box-shadow: var(--apoyl-shadow);
	overflow: hidden;
	display: flex;
	flex-direction: column;
	min-height: 0;
}

/* 消息列表区域 */
.apoyl_chatgpt_words {
	box-sizing: border-box;
	flex: 1 1 auto;
	height: auto;
	min-height: 0;
	padding: 18px;
	padding-bottom: 22px;
	overflow: auto;
	scrollbar-color: var(--apoyl-human) transparent;
}

/* 单条消息 */
.apoyl_chatgpt_msg {
	display: flex;
	gap: 10px;
	align-items: flex-start;
	margin: 0 0 16px;
}

.apoyl_chatgpt_msg_human {
	flex-direction: row-reverse;
}

/* 头像 */
.apoyl_chatgpt_avatar {
	flex: 0 0 38px;
	width: 38px;
	height: 38px;
	border-radius: 50%;
	overflow: hidden;
	box-shadow: 0 8px 18px rgba(0, 0, 0, .22);
}

.apoyl_chatgpt_avatar img,
.apoyl_chatgpt_avatar svg {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* 气泡 */
.apoyl_chatgpt_bubble {
	max-width: min(78%, 680px);
	box-sizing: border-box;
	padding: 12px 14px;
	border: 1px solid var(--apoyl-line);
	border-radius: 8px;
	background: var(--apoyl-ai-soft);
	color: var(--apoyl-text);
	word-break: break-word;
}

.apoyl_chatgpt_msg_human .apoyl_chatgpt_bubble {
	background: var(--apoyl-human);
	color: #fff;
}

.apoyl_chatgpt_meta {
	display: none;
}

/* 内容排版 */
.apoyl_chatgpt_content {
	font-size: 15px;
	line-height: 1.75;
}

.apoyl_chatgpt_content p {
	margin: 0 0 10px;
}

.apoyl_chatgpt_content p:last-child {
	margin-bottom: 0;
}

.apoyl_chatgpt_content h1,
.apoyl_chatgpt_content h2,
.apoyl_chatgpt_content h3 {
	margin: 10px 0 8px;
	color: inherit;
	line-height: 1.35;
	letter-spacing: 0;
}

.apoyl_chatgpt_content h1 {
	font-size: 20px;
}

.apoyl_chatgpt_content h2 {
	font-size: 18px;
}

.apoyl_chatgpt_content h3 {
	font-size: 16px;
}

.apoyl_chatgpt_content ul {
	margin: 8px 0;
	padding-left: 20px;
}

.apoyl_chatgpt_content li {
	margin: 4px 0;
}

.apoyl_chatgpt_content code {
	padding: 2px 5px;
	border-radius: 5px;
	background: rgba(0, 0, 0, .22);
	font-family: Consolas, Monaco, monospace;
	font-size: 13px;
}

.apoyl_chatgpt_content pre {
	margin: 10px 0;
	padding: 12px;
	border-radius: 8px;
	background: rgba(0, 0, 0, .28);
	overflow: auto;
	white-space: pre-wrap;
}

.apoyl_chatgpt_content pre code {
	padding: 0;
	background: transparent;
}

/* ========== 思考过程区块 ========== */
.apoyl_chatgpt_reasoning {
	margin-bottom: 12px;
	border-left: 3px solid var(--apoyl-ai);
	border-radius: 0 8px 8px 0;
	background: rgba(255, 255, 255, .04);
	overflow: hidden;
	transition: all .2s ease;
}

/* 思考过程头部（可点击折叠） */
.apoyl_chatgpt_reasoning_header {
	display: flex;
	align-items: center;
	gap: 6px;
	padding: 8px 12px;
	cursor: pointer;
	user-select: none;
	transition: background .15s;
}

.apoyl_chatgpt_reasoning_header:hover {
	background: rgba(255, 255, 255, .06);
}

/* 灯泡图标 */
.apoyl_chatgpt_reasoning_icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 20px;
	height: 20px;
	flex-shrink: 0;
}

.apoyl_chatgpt_reasoning_icon svg {
	width: 16px;
	height: 16px;
	fill: none;
	stroke: var(--apoyl-ai);
	stroke-width: 2;
	stroke-linecap: round;
	stroke-linejoin: round;
}

/* 标题文字 */
.apoyl_chatgpt_reasoning_title {
	flex: 1 1 auto;
	font-size: 12px;
	font-weight: 600;
	color: var(--apoyl-ai);
	letter-spacing: .5px;
}

/* 箭头图标 */
.apoyl_chatgpt_reasoning_toggle {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 18px;
	height: 18px;
	flex-shrink: 0;
	transition: transform .2s ease;
}

.apoyl_chatgpt_reasoning_toggle svg {
	width: 14px;
	height: 14px;
	fill: none;
	stroke: var(--apoyl-muted);
	stroke-width: 2;
	stroke-linecap: round;
	stroke-linejoin: round;
}

/* 思考内容 */
.apoyl_chatgpt_reasoning_body {
	padding: 0 12px 10px;
	font-size: 13px;
	line-height: 1.65;
	color: var(--apoyl-muted);
	max-height: 300px;
	overflow: auto;
	transition: max-height .3s ease, padding .3s ease, opacity .3s ease;
}

.apoyl_chatgpt_reasoning_body p {
	margin: 0 0 6px;
}

.apoyl_chatgpt_reasoning_body p:last-child {
	margin-bottom: 0;
}

/* 折叠状态 */
.apoyl_chatgpt_reasoning.is-collapsed .apoyl_chatgpt_reasoning_body {
	max-height: 0;
	padding-top: 0;
	padding-bottom: 0;
	opacity: 0;
}

.apoyl_chatgpt_reasoning.is-collapsed .apoyl_chatgpt_reasoning_toggle {
	transform: rotate(-90deg);
}

/* 消息操作按钮 */
.apoyl_chatgpt_actions {
	display: flex;
	gap: 8px;
	margin-top: 10px;
}

.apoyl_chatgpt_actions button,
.apoyl_chatgpt_sub {
	border: 0;
	border-radius: 8px;
	background: var(--apoyl-human);
	color: #fff;
	cursor: pointer;
	font-weight: 700;
}

.apoyl_chatgpt_actions button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 30px;
	padding: 0;
	background: rgba(255, 255, 255, .13);
	color: currentColor;
}

.apoyl_chatgpt_actions svg,
.apoyl_chatgpt_sub svg {
	width: 18px;
	height: 18px;
	fill: none;
	stroke: currentColor;
	stroke-width: 2;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.apoyl_chatgpt_actions button:hover,
.apoyl_chatgpt_sub:hover {
	filter: brightness(1.08);
}

.apoyl_chatgpt_actions button.is-done {
	background: rgba(34, 197, 94, .24);
}

/* ========== 输入区域（融合式布局：textarea + 底部工具栏一体化） ========== */
.apoyl_chatgpt_input {
	display: block;
	padding: 14px;
	border-top: 1px solid var(--apoyl-line);
	background: var(--apoyl-panel);
	position: sticky;
	bottom: 0;
	z-index: 2;
}

/* 输入框整体容器：有圆角边框，包裹textarea和底部栏 */
.apoyl_chatgpt_input_wrap {
	box-sizing: border-box;
	border: 1px solid var(--apoyl-line);
	border-radius: 12px;
	background: var(--apoyl-input);
	overflow: hidden;
	transition: border-color .18s, box-shadow .18s;
}

.apoyl_chatgpt_input_wrap:focus-within {
	border-color: var(--apoyl-human);
	box-shadow: 0 0 0 3px rgba(37, 99, 235, .18);
}

/* textarea去掉自身边框，融入容器 */
.apoyl_chatgpt_word {
	display: block;
	width: 100%;
	min-height: 46px;
	max-height: 118px;
	box-sizing: border-box;
	padding: 12px 14px 6px;
	border: 0;
	background: transparent;
	color: var(--apoyl-input-text);
	font-size: 16px;
	line-height: 1.5;
	outline: none;
	resize: none;
}

.apoyl_chatgpt_word.is-empty {
	/* 空提交时的提示效果由容器处理 */
}

/* 底部栏：深度思考按钮（左） + 发送按钮（右） */
.apoyl_chatgpt_input_bottom {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 4px 8px 8px;
}

/* 深度思考标签 */
.apoyl_chatgpt_deepthink_label {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 5px 12px 5px 5px;
	border-radius: 999px;
	border: 1px solid rgba(0, 0, 0, .08);
	background: rgba(0, 0, 0, .03);
	color: var(--apoyl-input-text);
	font-size: 12px;
	font-weight: 500;
	cursor: pointer;
	transition: all .2s ease;
	user-select: none;
	opacity: .65;
}

.apoyl_chatgpt_deepthink_label:hover {
	background: rgba(0, 0, 0, .07);
	border-color: rgba(0, 0, 0, .15);
	opacity: 1;
}

/* 选中状态 */
.apoyl_chatgpt_deepthink_label.is-active {
	background: var(--apoyl-human);
	border-color: var(--apoyl-human);
	color: #fff;
	opacity: 1;
	box-shadow: 0 2px 8px rgba(37, 99, 235, .3);
}

.apoyl_chatgpt_deepthink_label.is-active .apoyl_chatgpt_deepthink_icon {
	background: rgba(255, 255, 255, .2);
	animation: apoyl_deepthink_pulse 2s ease-in-out infinite;
}

.apoyl_chatgpt_deepthink_label.is-active .apoyl_chatgpt_deepthink_icon svg {
	stroke: #fff;
	filter: drop-shadow(0 0 2px rgba(255, 255, 255, .5));
}

@keyframes apoyl_deepthink_pulse {
	0%, 100% { transform: scale(1); }
	50% { transform: scale(1.1); }
}

.apoyl_chatgpt_deepthink_label input[type="checkbox"] {
	display: none;
}

/* 图标圆形背景 */
.apoyl_chatgpt_deepthink_icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 22px;
	height: 22px;
	border-radius: 50%;
	background: rgba(37, 99, 235, .1);
	transition: all .2s ease;
	flex-shrink: 0;
}

.apoyl_chatgpt_deepthink_icon svg {
	width: 13px;
	height: 13px;
	fill: none;
	stroke: var(--apoyl-human);
	stroke-width: 2;
	stroke-linecap: round;
	stroke-linejoin: round;
	transition: all .2s ease;
}

/* 输入提示 */
.apoyl_chatgpt_input_hint {
	position: absolute;
	right: 68px;
	bottom: 50px;
	max-width: calc(100% - 92px);
	padding: 6px 10px;
	border-radius: 8px;
	background: rgba(15, 23, 42, .9);
	color: #fff;
	font-size: 12px;
	line-height: 1.4;
	opacity: 0;
	pointer-events: none;
	transform: translateY(4px);
	transition: opacity .18s ease, transform .18s ease;
}

.apoyl_chatgpt_input_hint.is-show {
	opacity: 1;
	transform: translateY(0);
}

/* 发送按钮：在底部栏右侧 */
.apoyl_chatgpt_sub {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	padding: 0;
	border-radius: 8px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, .12);
	flex-shrink: 0;
	position: static;
}

.apoyl_chatgpt_sub.is-sending {
	background: #ef4444;
}

/* ========== 加载动画（三个跳动圆点） ========== */
.apoyl_chatgpt_loading {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	padding: 4px 0;
}

.apoyl_chatgpt_loading_dot {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: var(--apoyl-ai);
	opacity: .6;
	animation: apoyl_loading_bounce .9s ease-in-out infinite;
}

.apoyl_chatgpt_loading_dot:nth-child(2) {
	animation-delay: .15s;
}

.apoyl_chatgpt_loading_dot:nth-child(3) {
	animation-delay: .3s;
}

@keyframes apoyl_loading_bounce {
	0%, 80%, 100% {
		transform: scale(.6);
		opacity: .4;
	}
	40% {
		transform: scale(1);
		opacity: 1;
	}
}

/* 兼容旧的img方式（如果仍被使用） */
.apoyl_chatgpt_img {
	height: 20px;
	vertical-align: middle;
	opacity: .85;
}

/* ========== 侧边栏遮罩层（半透明黑色背景） ========== */
.apoyl_chatgpt_sidebar_overlay {
	display: none;
	position: absolute;
	z-index: 4;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, .45);
	cursor: pointer;
}

.apoyl_chatgpt_sidebar_overlay.is-show {
	display: block;
}

/* ========== 点击遮罩层（关闭下拉菜单用） ========== */
.apoyl_chatgpt_dropdown_overlay {
	position: fixed;
	z-index: 98;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

/* ========== 主题色 ========== */
.apoyl-chatgpt-theme-gold {
	--apoyl-bg: #16120b;
	--apoyl-panel: #241b10;
	--apoyl-panel-soft: #2d2112;
	--apoyl-human: #c99b2d;
	--apoyl-ai: #ffe1a0;
	--apoyl-ai-soft: #3a2a13;
	--apoyl-text: #fff8e7;
}
.apoyl-chatgpt-theme-ocean {
	--apoyl-bg: #071827;
	--apoyl-panel: #0b2236;
	--apoyl-panel-soft: #102d45;
	--apoyl-human: #1d9bf0;
	--apoyl-ai: #29d3c2;
	--apoyl-ai-soft: #103a43;
}
.apoyl-chatgpt-theme-emerald {
	--apoyl-bg: #081b15;
	--apoyl-panel: #10251e;
	--apoyl-panel-soft: #123127;
	--apoyl-human: #10b981;
	--apoyl-ai: #a3e635;
	--apoyl-ai-soft: #223513;
}
.apoyl-chatgpt-theme-rose {
	--apoyl-bg: #2a1018;
	--apoyl-panel: #351722;
	--apoyl-panel-soft: #421d2a;
	--apoyl-human: #e11d48;
	--apoyl-ai: #f9a8d4;
	--apoyl-ai-soft: #4d1f35;
}
.apoyl-chatgpt-theme-ink {
	--apoyl-bg: #08090c;
	--apoyl-panel: #111318;
	--apoyl-panel-soft: #181b22;
	--apoyl-human: #e5e7eb;
	--apoyl-ai: #71717a;
	--apoyl-ai-soft: #24262d;
}
.apoyl-chatgpt-theme-sunset {
	--apoyl-bg: #22100a;
	--apoyl-panel: #32170e;
	--apoyl-panel-soft: #3f1e12;
	--apoyl-human: #f97316;
	--apoyl-ai: #facc15;
	--apoyl-ai-soft: #432510;
}
.apoyl-chatgpt-theme-violet {
	--apoyl-bg: #140f24;
	--apoyl-panel: #1d1731;
	--apoyl-panel-soft: #28203f;
	--apoyl-human: #8b5cf6;
	--apoyl-ai: #22d3ee;
	--apoyl-ai-soft: #1d3448;
}
.apoyl-chatgpt-theme-coffee {
	--apoyl-bg: #17100c;
	--apoyl-panel: #261912;
	--apoyl-panel-soft: #332117;
	--apoyl-human: #a16207;
	--apoyl-ai: #f5d0a9;
	--apoyl-ai-soft: #3d291d;
}
.apoyl-chatgpt-theme-ice {
	--apoyl-bg: #edf6fb;
	--apoyl-panel: #ffffff;
	--apoyl-panel-soft: #f7fbff;
	--apoyl-line: rgba(15, 23, 42, .12);
	--apoyl-text: #0f172a;
	--apoyl-muted: rgba(15, 23, 42, .56);
	--apoyl-human: #0284c7;
	--apoyl-ai: #7dd3fc;
	--apoyl-ai-soft: #e0f2fe;
	--apoyl-input: #f8fafc;
	--apoyl-input-text: #0f172a;
}

/* ========== 移动端适配 ========== */
@media (max-width: 640px) {
	.apoyl_chatgpt_shell {
		height: 100vh;
		padding: 0;
	}
	.apoyl_chatgpt_header {
		border-radius: 0;
		padding: 10px 12px;
	}
	.apoyl_chatgpt_header_info strong {
		font-size: 16px;
	}
	.apoyl_chatgpt_sidebar {
		position: absolute;
		z-index: 5;
		top: 0;
		bottom: 0;
		left: 0;
		width: min(84vw, 300px);
		box-shadow: 20px 0 40px rgba(0, 0, 0, .28);
	}
	.apoyl_chatgpt_words {
		padding: 12px;
	}
	.apoyl_chatgpt_all {
		border-right: 0;
		border-left: 0;
		border-bottom: 0;
		border-radius: 0;
	}
	.apoyl_chatgpt_bubble {
		max-width: calc(100% - 54px);
	}
	.apoyl_chatgpt_input {
		padding: 8px;
		padding-bottom: calc(8px + env(safe-area-inset-bottom));
	}
	.apoyl_chatgpt_word {
		min-height: 40px;
		max-height: 100px;
	}
}