.maoge-ai-summary-card {
	--maoge-ai-card-bg: #dbeafe;
	--maoge-ai-eyebrow-color: #2563eb;
	--maoge-ai-brand-border-color: rgba(37, 99, 235, 0.12);
	--maoge-ai-tabs-bg: rgba(99, 102, 241, 0.08);
	--maoge-ai-tabs-border: transparent;
	--maoge-ai-tab-bg: transparent;
	--maoge-ai-tab-color: inherit;
	--maoge-ai-tab-active-bg: #fff;
	--maoge-ai-tab-active-color: #4338ca;
	--maoge-ai-tab-active-shadow: 0 4px 14px rgba(67, 56, 202, 0.12);
	--maoge-ai-box-text: inherit;
	--maoge-ai-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.35);
	margin: 0 0 24px;
	padding: 12px 14px 16px;
	border: 1px solid rgba(99, 102, 241, 0.18);
	border-radius: 18px;
	background: var(--maoge-ai-card-bg, #dbeafe);
	box-shadow: 0 10px 30px rgba(15, 23, 42, 0.08);
	color: var(--maoge-ai-card-text, #1f2937);
}


.maoge-ai-summary-card--zibll {
	--maoge-ai-card-bg: #dbeafe;
	background: var(--maoge-ai-card-bg, #dbeafe);
	border-color: var(--this-border, rgba(77, 124, 254, 0.18));
	box-shadow: var(--box-shadow, 0 10px 30px rgba(15, 23, 42, 0.08));
}

.maoge-ai-summary-head {
	display: flex;
	align-items: flex-start;
	margin-bottom: 6px;
}

.maoge-ai-summary-head-inner {
	display: flex;
	align-items: flex-start;
	gap: 4px;
	width: 100%;
	min-width: 0;
	max-width: 100%;
}

.maoge-ai-summary-brand {
	width: 32px;
	height: 32px;
	flex: 0 0 32px;
	border-radius: 999px;
	object-fit: cover;
	box-shadow: none;
	border: 2px solid var(--maoge-ai-brand-border-color, rgba(37, 99, 235, 0.12));
}

.maoge-ai-summary-head-text {
	min-width: 0;
	max-width: 100%;
	min-height: 32px;
	overflow: hidden;
	flex: 1 1 auto;
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: space-between;
	gap: 4px;
}

.maoge-ai-summary-eyebrow {
	display: inline-flex;
	align-items: center;
	align-self: center;
	flex: 0 0 auto;
	width: fit-content;
	margin-left: auto;
	font-size: 12px;
	line-height: 1.2;
	font-weight: 700;
	color: var(--maoge-ai-eyebrow-color, #2563eb);
	letter-spacing: 0.01em;
}

.maoge-ai-summary-title {
	flex: 1 1 auto;
	min-width: 0;
	max-width: none;
	margin: 0;
	overflow: hidden;
	font-size: var(--maoge-ai-branding-title-size, 15px);
	line-height: 1.15;
	font-weight: var(--maoge-ai-branding-title-weight, 700);
	color: var(--maoge-ai-branding-title-color, #1f2937);
	text-align: left;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.maoge-ai-summary-title[data-maoge-ai-branding-style="gradient"] {
	background: linear-gradient(90deg, #2563eb 0%, #4f46e5 50%, #7c3aed 100%);
	background-size: 200% 100%;
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	-webkit-text-fill-color: transparent;
}

.maoge-ai-summary-title[data-maoge-ai-branding-style="shine"] {
	background: linear-gradient(90deg, #1d4ed8 0%, #60a5fa 22%, #a78bfa 42%, #1d4ed8 62%, #60a5fa 82%, #a78bfa 100%);
	background-size: 220% 100%;
	animation: maoge-ai-title-shine 4.5s linear infinite;
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	-webkit-text-fill-color: transparent;
}

.maoge-ai-summary-tabs {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 0 0 12px;
	padding: 4px;
	border-radius: 999px;
	background: var(--maoge-ai-tabs-bg, rgba(99, 102, 241, 0.08));
	border: 1px solid var(--maoge-ai-tabs-border, transparent);
}

.maoge-ai-summary-card .maoge-ai-summary-tab {
	appearance: none;
	border: 0;
	border-radius: 999px;
	padding: 7px 14px;
	background: var(--maoge-ai-tab-bg, transparent) !important;
	color: var(--maoge-ai-tab-color, inherit) !important;
	cursor: pointer;
	font-size: 14px;
	line-height: 1.2;
}

.maoge-ai-summary-card .maoge-ai-summary-tab.is-active,
.maoge-ai-summary-card .maoge-ai-summary-tab:focus-visible {
	background: var(--maoge-ai-tab-active-bg, #fff) !important;
	color: var(--maoge-ai-tab-active-color, #4338ca) !important;
	box-shadow: var(--maoge-ai-tab-active-shadow, 0 4px 14px rgba(67, 56, 202, 0.12));
	outline: none;
}

.maoge-ai-summary-body {
	font-size: 15px;
	line-height: 1.8;
}

.maoge-ai-summary-panel {
	position: relative;
}

.maoge-ai-summary-box {
	position: relative;
	padding: 14px 16px;
	border: 1px solid var(--maoge-ai-box-border, rgba(99, 102, 241, 0.16));
	border-radius: 6px;
	background: var(--maoge-ai-box-bg, rgba(255, 255, 255, 0.62));
	box-shadow: var(--maoge-ai-box-shadow, inset 0 1px 0 rgba(255, 255, 255, 0.35));
	color: var(--maoge-ai-box-text, inherit);
	white-space: pre-wrap;
	word-break: break-word;
	min-height: 1.8em;
}

.maoge-ai-summary-panel.is-typing .maoge-ai-summary-box::after {
	content: '▍';
	display: inline-block;
	margin-left: 2px;
	color: currentColor;
	animation: maoge-ai-summary-blink 1s steps(1) infinite;
}

.maoge-ai-summary-panel[data-maoge-ai-typed="1"] .maoge-ai-summary-box::after {
	content: none;
}

.maoge-ai-summary-box p {
	margin: 0 0 0.8em;
}

.maoge-ai-summary-box p:last-child {
	margin-bottom: 0;
}

@keyframes maoge-ai-summary-blink {
	50% {
		opacity: 0;
	}
}

@keyframes maoge-ai-title-shine {
	0% {
		background-position: 0% 50%;
	}

	100% {
		background-position: 200% 50%;
	}
}

@media (min-width: 782px) {
	.maoge-ai-summary-card {
		padding: 4px 18px 14px;
		border-radius: 4px;
	}

	.maoge-ai-summary-head {
		margin-bottom: 4px;
	}

	.maoge-ai-summary-head-inner {
		gap: 3px;
	}

	.maoge-ai-summary-card .maoge-ai-summary-brand {
		display: block;
		width: 32px;
		height: 32px;
		flex-basis: 32px;
		margin: 0 !important;
		padding: 0 !important;
	}

	.maoge-ai-summary-head-text {
		min-height: 32px;
		margin-top: 0;
		align-items: flex-start;
		overflow: visible;
	}

	.maoge-ai-summary-card .maoge-ai-summary-title {
		margin: 0 !important;
		padding: 0 !important;
		font-size: var(--maoge-ai-branding-title-size, 15px) !important;
		line-height: 1 !important;
		position: relative;
		top: 0;
	}

	.maoge-ai-summary-eyebrow {
		font-size: 12px;
	}

	.maoge-ai-summary-box {
		padding: 16px 18px;
	}
}

@media (max-width: 781px) {
	.maoge-ai-summary-card {
		padding: 8px 14px 14px;
		border-radius: 8px;
	}

	.maoge-ai-summary-head {
		margin-bottom: 6px;
	}

	.maoge-ai-summary-head-inner {
		gap: 4px;
	}

	.maoge-ai-summary-brand {
		width: 28px;
		height: 28px;
		flex-basis: 28px;
	}

	.maoge-ai-summary-head-text {
		min-height: 28px;
		flex-direction: column;
		align-items: flex-start;
		justify-content: flex-start;
		gap: 1px;
	}

	.maoge-ai-summary-eyebrow {
		align-self: flex-start;
		margin-left: 0;
		font-size: 11px;
	}

	.maoge-ai-summary-title {
		font-size: var(--maoge-ai-branding-title-size, 15px);
	}

	.maoge-ai-summary-box {
		padding: 12px 13px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.maoge-ai-summary-title[data-maoge-ai-branding-style="shine"] {
		animation: none;
	}
}

@media (prefers-color-scheme: dark) {
	.maoge-ai-summary-card {
		--maoge-ai-card-bg: #0f172a;
		--maoge-ai-card-text: #f8fafc;
		--maoge-ai-eyebrow-color: #facc15;
		--maoge-ai-brand-border-color: rgba(250, 204, 21, 0.38);
		--maoge-ai-tabs-bg: rgba(15, 23, 42, 0.72);
		--maoge-ai-tabs-border: rgba(148, 163, 184, 0.24);
		--maoge-ai-tab-bg: rgba(15, 23, 42, 0.34);
		--maoge-ai-tab-color: #e2e8f0;
		--maoge-ai-tab-active-bg: #e0e7ff;
		--maoge-ai-tab-active-color: #312e81;
		--maoge-ai-tab-active-shadow: 0 6px 18px rgba(129, 140, 248, 0.24);
		--maoge-ai-box-bg: rgba(30, 41, 59, 0.96);
		--maoge-ai-box-border: rgba(148, 163, 184, 0.42);
		--maoge-ai-box-text: #f1f5f9;
		--maoge-ai-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
		background: var(--maoge-ai-card-bg, #0f172a);
		border-color: rgba(96, 165, 250, 0.46);
		box-shadow: 0 16px 36px rgba(0, 0, 0, 0.42), inset 0 1px 0 rgba(255, 255, 255, 0.05);
	}

	.maoge-ai-summary-card--zibll {
		--maoge-ai-card-bg: #111827;
		--maoge-ai-box-bg: rgba(30, 41, 59, 0.98);
		--maoge-ai-box-border: rgba(147, 197, 253, 0.40);
		background: var(--maoge-ai-card-bg, #111827);
	}

	.maoge-ai-summary-title[data-maoge-ai-branding-style="solid"] {
		color: #f8fafc;
	}

	.maoge-ai-summary-title[data-maoge-ai-branding-style="gradient"],
	.maoge-ai-summary-title[data-maoge-ai-branding-style="shine"] {
		background-image: linear-gradient(90deg, #fde68a 0%, #93c5fd 42%, #c4b5fd 100%);
	}
}

html.dark .maoge-ai-summary-card,
html[data-theme="dark"] .maoge-ai-summary-card,
html[data-theme="night"] .maoge-ai-summary-card,
body.dark .maoge-ai-summary-card,
body[data-theme="dark"] .maoge-ai-summary-card,
body[data-theme="night"] .maoge-ai-summary-card,
body.night .maoge-ai-summary-card,
body.night-mode .maoge-ai-summary-card,
body.dark-mode .maoge-ai-summary-card,
body[class*="dark"] .maoge-ai-summary-card {
	--maoge-ai-card-bg: #0f172a;
	--maoge-ai-card-text: #f8fafc;
	--maoge-ai-eyebrow-color: #facc15;
	--maoge-ai-brand-border-color: rgba(250, 204, 21, 0.38);
	--maoge-ai-tabs-bg: rgba(15, 23, 42, 0.72);
	--maoge-ai-tabs-border: rgba(148, 163, 184, 0.24);
	--maoge-ai-tab-color: #e2e8f0;
	--maoge-ai-tab-active-bg: #e0e7ff;
	--maoge-ai-tab-active-color: #312e81;
	--maoge-ai-tab-active-shadow: 0 6px 18px rgba(129, 140, 248, 0.24);
	--maoge-ai-box-bg: rgba(30, 41, 59, 0.96);
	--maoge-ai-box-border: rgba(148, 163, 184, 0.42);
	--maoge-ai-box-text: #f1f5f9;
	--maoge-ai-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
	background: var(--maoge-ai-card-bg, #0f172a);
	border-color: rgba(96, 165, 250, 0.46);
	box-shadow: 0 16px 36px rgba(0, 0, 0, 0.42), inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

html.dark .maoge-ai-summary-card--zibll,
html[data-theme="dark"] .maoge-ai-summary-card--zibll,
html[data-theme="night"] .maoge-ai-summary-card--zibll,
body.dark .maoge-ai-summary-card--zibll,
body[data-theme="dark"] .maoge-ai-summary-card--zibll,
body[data-theme="night"] .maoge-ai-summary-card--zibll,
body.night .maoge-ai-summary-card--zibll,
body.night-mode .maoge-ai-summary-card--zibll,
body.dark-mode .maoge-ai-summary-card--zibll,
body[class*="dark"] .maoge-ai-summary-card--zibll {
	--maoge-ai-card-bg: #111827;
	--maoge-ai-box-bg: rgba(30, 41, 59, 0.98);
	--maoge-ai-box-border: rgba(147, 197, 253, 0.40);
	background: var(--maoge-ai-card-bg, #111827);
}

html.dark .maoge-ai-summary-title[data-maoge-ai-branding-style="solid"],
html[data-theme="dark"] .maoge-ai-summary-title[data-maoge-ai-branding-style="solid"],
html[data-theme="night"] .maoge-ai-summary-title[data-maoge-ai-branding-style="solid"],
body.dark .maoge-ai-summary-title[data-maoge-ai-branding-style="solid"],
body[data-theme="dark"] .maoge-ai-summary-title[data-maoge-ai-branding-style="solid"],
body[data-theme="night"] .maoge-ai-summary-title[data-maoge-ai-branding-style="solid"],
body.night .maoge-ai-summary-title[data-maoge-ai-branding-style="solid"],
body.night-mode .maoge-ai-summary-title[data-maoge-ai-branding-style="solid"],
body.dark-mode .maoge-ai-summary-title[data-maoge-ai-branding-style="solid"],
body[class*="dark"] .maoge-ai-summary-title[data-maoge-ai-branding-style="solid"] {
	color: #f8fafc;
}

html.dark .maoge-ai-summary-title[data-maoge-ai-branding-style="gradient"],
html.dark .maoge-ai-summary-title[data-maoge-ai-branding-style="shine"],
html[data-theme="dark"] .maoge-ai-summary-title[data-maoge-ai-branding-style="gradient"],
html[data-theme="dark"] .maoge-ai-summary-title[data-maoge-ai-branding-style="shine"],
html[data-theme="night"] .maoge-ai-summary-title[data-maoge-ai-branding-style="gradient"],
html[data-theme="night"] .maoge-ai-summary-title[data-maoge-ai-branding-style="shine"],
body.dark .maoge-ai-summary-title[data-maoge-ai-branding-style="gradient"],
body.dark .maoge-ai-summary-title[data-maoge-ai-branding-style="shine"],
body[data-theme="dark"] .maoge-ai-summary-title[data-maoge-ai-branding-style="gradient"],
body[data-theme="dark"] .maoge-ai-summary-title[data-maoge-ai-branding-style="shine"],
body[data-theme="night"] .maoge-ai-summary-title[data-maoge-ai-branding-style="gradient"],
body[data-theme="night"] .maoge-ai-summary-title[data-maoge-ai-branding-style="shine"],
body.night .maoge-ai-summary-title[data-maoge-ai-branding-style="gradient"],
body.night .maoge-ai-summary-title[data-maoge-ai-branding-style="shine"],
body.night-mode .maoge-ai-summary-title[data-maoge-ai-branding-style="gradient"],
body.night-mode .maoge-ai-summary-title[data-maoge-ai-branding-style="shine"],
body.dark-mode .maoge-ai-summary-title[data-maoge-ai-branding-style="gradient"],
body.dark-mode .maoge-ai-summary-title[data-maoge-ai-branding-style="shine"],
body[class*="dark"] .maoge-ai-summary-title[data-maoge-ai-branding-style="gradient"],
body[class*="dark"] .maoge-ai-summary-title[data-maoge-ai-branding-style="shine"] {
	background-image: linear-gradient(90deg, #fde68a 0%, #93c5fd 42%, #c4b5fd 100%);
}