<!DOCTYPE html><html lang="en-US" class="light"><head>
		<meta charset="utf-8">
		<link rel="icon" type="image/png" sizes="512x512" href="https://z-cdn.chatglm.cn/z-ai/static/logo.svg">
		<link rel="shortcut icon" href="https://z-cdn.chatglm.cn/z-ai/static/logo.svg">
		<link rel="apple-touch-icon" sizes="512x512" href="https://z-cdn.chatglm.cn/z-ai/static/logo.svg">
		<meta name="apple-mobile-web-app-title" content="Z.ai - Advanced AI Chatbot &amp; Agent powered by GLM-5.3-Flash">
		<meta name="description" content="Meet Z.ai, the AI assistant powered by GLM-5.3-Flash. Build websites, write code, handle long-horizon tasks, and get instant answers. Fast, smart, and reliable.">
		<meta name="keywords" content="GLM-4.6, GLM 4.6, GLM-4.6-Air, GLM 4.6 Air, GLM 4.5, GLM4.5, GLM4.6, Deep Research, z ai, z.ai, GLM 4.5 AI, GLM 4.6 AI, GLM AI, Chat Z, zai, Chat AI, GLM, z.ia, Chat Z AI, AI chat, chatbot, z.ai chat, free ai chat, free AI, free ai chat no login, GLM-4.5, GLM-4.5 chat, GLM-4.1V, GLM-4.5V, AI assistant chat, AI PPT, AI presentation, AI presentation maker, AI slides maker, AI slides, slide deck, pitch deck, AI deck generator, free pitch deck generator, AI PPT, AI PPT maker, AI for Google Slides, AI for PowerPoint, AI writer, AI writing assistant, AI code generator, full stack code generation, AI full stack developer, claude code, Roo Code, Cline, Kilo Code, OpenCode, Codex, Cursor, GLM Coding Plan, GLM Coding, AI Coding, code writer ai, magic design, magic design tool, AI inspiration board, visual brainstorming AI, chat with AI, AI对话, AI聊天, 聊天机器人, 免费AI聊天, AI做PPT, AI写作, AI编程, 全栈开发, 灵感画板, AI tool, AI helper, AI for students, AI for marketers, AI for content creation, ChatGPT, chatgpt free, Free ChatGPT, gpt chat, Gemini, Grok, Claude, Poe AI, YouChat, Jasper AI, deepseek, qwen, 豆包, 文心一言, AI搜问答, 写作灵感AI, 代码解释工具, PPT思路生成, 如何用AI做PPT, create pitch deck from brief, AI business plan presentation, marketing report slides, AI academic paper assistant, AI legal contract drafting, write social media calendar, AI email responder,  VS Code AI assistant, AI for Notion, AI for Figma, AI math problem solver from image, AI geoguessr solver, image to code generator, table extractor from image, chart data extractor, document analysis AI, image caption generator, visual Q&amp;A, 看图猜成语, AI拍照解题, 数学题解答, 物理题解答, GeoGuess AI, 图片转表格, 图片读数据, 看图问答, analyze video, summarize video content, generate video transcript, find object in image, what is in this picture, 视频分析, 视频内容摘要, 生成视频字幕, 图片里有什么, 识别图中物体, GLM-4.7, GLM 4.7, GLM4.7, skills, coding plan, GLM-5, GLM-5.0, GLM5, GLM 5, Pony, Pony Alpha, GLM-5.2, GLM 5.2, GLM5.2, long-horizon, long-running, ox alpha, Ox Alpha, Ox alpha, oxalpha, GLM-5.3-Flash, glm-5.3-flash, glm5.3flash, 5.3flash, 5.3 flash">

		<!-- Google Tag Manager -->
		<script async="" src="https://scripts.clarity.ms/0.8.72/clarity.js"></script><script type="text/javascript" async="" src="https://capi-automation.s3.us-east-2.amazonaws.com/public/client_js/capiParamBuilder/clientParamBuilder.bundle.js"></script><script async="" src="https://www.clarity.ms/tag/uet/187234156?conversions=1"></script><script async="" src="https://static.ads-twitter.com/uwt.js"></script><script src="https://connect.facebook.net/signals/config/1921933375117245?v=2.9.419&amp;r=stable&amp;domain=chat.z.ai&amp;optin_meta_enabled_capi=true&amp;hme=7459fa3e38c2784dbaf309537bed5fa7e8560fab51fb61e53e5ffafeb46a02a9&amp;ex_m=118%2C241%2C171%2C27%2C82%2C83%2C162%2C78%2C77%2C11%2C181%2C102%2C20%2C153%2C141%2C46%2C85%2C90%2C149%2C176%2C183%2C8%2C4%2C5%2C7%2C6%2C3%2C103%2C115%2C32%2C17%2C31%2C18%2C33%2C34%2C35%2C37%2C55%2C163%2C87%2C126%2C22%2C24%2C51%2C47%2C49%2C48%2C95%2C104%2C108%2C124%2C160%2C164%2C53%2C125%2C29%2C26%2C133%2C79%2C43%2C166%2C165%2C167%2C157%2C155%2C30%2C42%2C66%2C123%2C178%2C80%2C21%2C128%2C93%2C76%2C23%2C97%2C98%2C130%2C96%2C151%2C150%2C154%2C109%2C177%2C180%2C41%2C56%2C127%2C54%2C161%2C72%2C185%2C110%2C184%2C210%2C255%2C84%2C274%2C273%2C272%2C14%2C25%2C28%2C40%2C62%2C117%2C68%2C10%2C73%2C111%2C112%2C113%2C119%2C144%2C38%2C36%2C146%2C147%2C148%2C143%2C142%2C172%2C86%2C175%2C173%2C174%2C57%2C69%2C67%2C137%2C19%2C179%2C52%2C324%2C325%2C326%2C323%2C339%2C361%2C248%2C237%2C70%2C238%2C236%2C364%2C355%2C59%2C249%2C121%2C145%2C92%2C135%2C61%2C134%2C140%2C139%2C65%2C74%2C168%2C88%2C89%2C129%2C44%2C39%2C60%2C63%2C114%2C182%2C1%2C138%2C16%2C136%2C12%2C2%2C64%2C105%2C15%2C75%2C71%2C132%2C101%2C100%2C187%2C188%2C106%2C107%2C9%2C116%2C186%2C58%2C158%2C99%2C91%2C81%2C131%2C120%2C169%2C50%2C159%2C0%2C94%2C152%2C156%2C170%2C45%2C122%2C13%2C189" async=""></script><script type="text/javascript" async="" src="https://connect.facebook.net/en_US/fbevents.js"></script><script type="text/javascript" async="" src="https://bat.bing.com/bat.js"></script><script type="text/javascript" async="" src="https://www.googletagmanager.com/gtag/js?id=G-SF8X67RPF9&amp;cx=c&amp;gtm=4e6ae0"></script><script type="text/javascript" async="" src="https://www.googletagmanager.com/gtag/js?id=G-9HHB4R5K1T&amp;cx=c&amp;gtm=4e6ae0"></script><script type="text/javascript" async="" src="https://www.redditstatic.com/ads/pixel.js"></script><script async="" src="https://www.googletagmanager.com/gtm.js?id=GTM-T9CBCLPX"></script><script>(function (w, d, s, l, i) {
				w[l] = w[l] || []; w[l].push({
					'gtm.start':
						new Date().getTime(), event: 'gtm.js'
				}); var f = d.getElementsByTagName(s)[0],
					j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src =
						'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f);
			})(window, document, 'script', 'dataLayer', 'GTM-T9CBCLPX');
		</script>
		<!-- End Google Tag Manager -->

		<link rel="manifest" href="https://z-cdn.chatglm.cn/z-ai/frontend/static/manifest.json">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, viewport-fit=cover">
		<meta name="theme-color" content="#F4F6F8">
		<meta name="referrer" content="no-referrer">
		<link rel="search" type="application/opensearchdescription+xml" title="Z.ai - Advanced AI Chatbot &amp; Agent powered by GLM-5.3-Flash" href="https://z-cdn.chatglm.cn/z-ai/frontend/static/opensearch.xml">
		<script async="" src="https://www.googletagmanager.com/gtag/js?id=G-Z8QTHYBHP3"></script>
		<script>
			window.dataLayer = window.dataLayer || [];
			function gtag() {
				dataLayer.push(arguments);
			}
			gtag('js', new Date());

			gtag('config', 'G-Z8QTHYBHP3');
		</script>

		<script>
			let metrics = {};
			const observer = new PerformanceObserver((list) => {
				const entries = list.getEntries();

				entries.forEach((entry) => {
					// 根据不同的entry类型处理不同的性能指标
					switch (entry.entryType) {
						case 'navigation':
							{
								const navEntry = entry;
								metrics = {
									...metrics,
									dns: navEntry.domainLookupEnd - navEntry.domainLookupStart,
									response: navEntry.responseEnd - navEntry.responseStart,
									dom_parse: navEntry.domInteractive - navEntry.responseEnd,
									dom_ready: navEntry.domContentLoadedEventEnd - navEntry.fetchStart,
									resource: navEntry.domComplete - navEntry.domContentLoadedEventEnd,
									first_interactive: navEntry.domInteractive - navEntry.fetchStart,
									first_byte: navEntry.responseStart - navEntry.domainLookupStart,
									loaded: navEntry.loadEventEnd - navEntry.fetchStart
								};
								sessionStorage.setItem('performance', JSON.stringify(metrics));
								// 发送性能指标到阿里云日志服务
							}
							break;

						case 'paint':
							if (entry.name === 'first-paint') {
								metrics = {
									...metrics,
									first_paint: entry.startTime
								};
								sessionStorage.setItem('performance', JSON.stringify(metrics));
							}
							if (entry.name === 'first-contentful-paint') {
								metrics = {
									...metrics,
									first_contentful_paint: entry.startTime
								};
								sessionStorage.setItem('performance', JSON.stringify(metrics));
							}
							break;
					}
				});
			});

			// 观察的性能指标类型
			observer.observe({
				entryTypes: ['navigation', 'paint']
			});
		</script>

		<script>
			function resizeIframe(obj) {
				obj.style.height = obj.contentWindow.document.documentElement.scrollHeight + 'px';
			}
		</script>

		<script>
			// On page load or when changing themes, best to add inline in `head` to avoid FOUC
			const initTheme = () => {
				const metaThemeColorTag = document.querySelector('meta[name="theme-color"]');
				// 取用户浏览器设置的主题
				// const prefersTheme = window.matchMedia('(prefers-color-scheme: light)').matches ? 'light' : window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';

				const prefersTheme = 'light';

				if (!localStorage?.theme) {
					localStorage.theme = prefersTheme;
				}

				if (localStorage.theme === 'system') {
					document.documentElement.classList.add(prefersTheme);
					metaThemeColorTag.setAttribute(
						'content',
						prefersTheme === 'light' ? '#F4F6F8' : '#141618'
					);
				} else if (localStorage.theme === 'light') {
					document.documentElement.classList.add('light');
					metaThemeColorTag.setAttribute('content', '#F4F6F8');
				} else {
					document.documentElement.classList.add('dark');
					metaThemeColorTag.setAttribute('content', '#141618');
				}

				// window.matchMedia('(prefers-color-scheme: dark)').addListener((e) => {
				// 	if (localStorage.theme === 'system') {
				// 		if (e.matches) {
				// 			document.documentElement.classList.add('dark');
				// 			document.documentElement.classList.remove('light');
				// 			metaThemeColorTag.setAttribute('content', '#141618');
				// 		} else {
				// 			document.documentElement.classList.add('light');
				// 			document.documentElement.classList.remove('dark');
				// 			metaThemeColorTag.setAttribute('content', '#F4F6F8');
				// 		}
				// 	}
				// });
			};
			initTheme();
		</script>

		<title>
		Z.ai - Advanced AI Chatbot &amp; Agent powered by GLM-5.3-Flash
	</title>

		<script>
			// 炫酷的控制台介绍 - 根据语言显示
			(function () {
				// 检测用户语言偏好
				const userLang = navigator.language || navigator.userLanguage;
				const isChinese =
					userLang.startsWith('zh') ||
					userLang.includes('CN') ||
					userLang.includes('TW') ||
					userLang.includes('HK');

				// 共同的 ASCII Logo
				const logoLines = [
					'%c███████╗     █████╗ ██╗',
					'%c╚══███╔╝    ██╔══██╗██║',
					'%c  ███╔╝     ███████║██║',
					'%c ███╔╝      ██╔══██║██║',
					'%c███████╗ ██╗██║  ██║██║',
					'%c╚══════╝ ╚═╝╚═╝  ╚═╝╚═╝'
				];
				const logoColors = [
					'color: #ff6b6b; font-family: monospace; font-size: 12px;',
					'color: #4ecdc4; font-family: monospace; font-size: 12px;',
					'color: #45b7d1; font-family: monospace; font-size: 12px;',
					'color: #f9ca24; font-family: monospace; font-size: 12px;',
					'color: #ff9ff3; font-family: monospace; font-size: 12px;',
					'color: #6c5ce7; font-family: monospace; font-size: 12px;'
				];

				if (isChinese) {
					// 中文版本
					console.log(
						'%c🚀 欢迎来到 Z.ai 🚀',
						'color: #00d4ff; font-size: 20px; font-weight: bold; text-shadow: 0 0 10px #00d4ff;'
					);
					logoLines.forEach((line, index) => console.log(line, logoColors[index]));
					console.log('');
					console.log(
						'%c✨ 基于开源GLM模型的智能AI助手',
						'color: #a29bfe; font-size: 14px; font-weight: bold;'
					);
					console.log('%c🧠 支持文本生成、推理和深度研究', 'color: #fd79a8; font-size: 12px;');
					console.log('%c🌍 为中英文用户量身定制', 'color: #00b894; font-size: 12px;');
					console.log('%c💡 免费开源的ChatGPT替代方案', 'color: #fdcb6e; font-size: 12px;');
					console.log('');
					console.log('%c---', 'color: #ddd;');
					console.log(
						'%c由 ❤️ 和大量 ☕ 驱动',
						'color: #e84393; font-size: 11px; font-style: italic;'
					);
					console.log('');
					console.log(
						'%c🚀 加入我们！我们正在招聘优秀人才！',
						'color: #00b894; font-size: 13px; font-weight: bold;'
					);
					console.log(
						'%c💼 查看职位: https://zhipu-ai.jobs.feishu.cn/s/stmyTm5lxaU',
						'color: #0984e3; font-size: 12px; text-decoration: underline;'
					);
				} else {
					// 英文版本
					console.log(
						'%c🚀 Welcome to Z.ai 🚀',
						'color: #00d4ff; font-size: 20px; font-weight: bold; text-shadow: 0 0 10px #00d4ff;'
					);
					logoLines.forEach((line, index) => console.log(line, logoColors[index]));
					console.log('');
					console.log(
						'%c✨ Advanced AI assistant powered by open-source GLM models',
						'color: #a29bfe; font-size: 14px; font-weight: bold;'
					);
					console.log(
						'%c🧠 Supports text generation, reasoning, and deep research',
						'color: #fd79a8; font-size: 12px;'
					);
					console.log(
						'%c🌍 Tailored for both English and Chinese users',
						'color: #00b894; font-size: 12px;'
					);
					console.log(
						'%c💡 Free and open-source ChatGPT alternative',
						'color: #fdcb6e; font-size: 12px;'
					);
					console.log('');
					console.log('%c---', 'color: #ddd;');
					console.log(
						'%cPowered by ❤️ and lots of ☕',
						'color: #e84393; font-size: 11px; font-style: italic;'
					);
					console.log('');
					console.log(
						'%c🚀 Join us! We are hiring talented people!',
						'color: #00b894; font-size: 13px; font-weight: bold;'
					);
					console.log(
						'%c💼 View jobs: https://zhipu-ai.jobs.feishu.cn/s/stmyTm5lxaU',
						'color: #0984e3; font-size: 12px; text-decoration: underline;'
					);
				}
			})();
		</script>

		<script type="module" crossorigin="" src="https://z-cdn.chatglm.cn/z-ai/frontend/prod-fe-1.1.103/assets/index-D2ihlxut.js"></script>
		<link rel="stylesheet" crossorigin="" href="https://z-cdn.chatglm.cn/z-ai/frontend/prod-fe-1.1.103/assets/index-DNA7zDpT.css">
	<script src="https://bat.bing.com/p/action/187234156.js" type="text/javascript" async="" data-ueto="ueto_5d80f382ce"></script><link rel="modulepreload" as="script" crossorigin="" href="https://z-cdn.chatglm.cn/z-ai/frontend/prod-fe-1.1.103/assets/chunk-POPQ4Y6H-BiDK35fM.js"><link rel="modulepreload" as="script" crossorigin="" href="https://z-cdn.chatglm.cn/z-ai/frontend/prod-fe-1.1.103/assets/_baseUniq-BWQ6_NzW.js"><link rel="modulepreload" as="script" crossorigin="" href="https://z-cdn.chatglm.cn/z-ai/frontend/prod-fe-1.1.103/assets/_page-Cg9TWyGy.js"><link rel="modulepreload" as="script" crossorigin="" href="https://z-cdn.chatglm.cn/z-ai/frontend/prod-fe-1.1.103/assets/pdf-BrxDJxgu.js"><link rel="modulepreload" as="script" crossorigin="" href="https://z-cdn.chatglm.cn/z-ai/frontend/prod-fe-1.1.103/assets/_page-Cq8x3U8i.js"><link rel="modulepreload" as="script" crossorigin="" href="https://z-cdn.chatglm.cn/z-ai/frontend/prod-fe-1.1.103/assets/LoginLogo-DQ935q5B.js"><link rel="modulepreload" as="script" crossorigin="" href="https://z-cdn.chatglm.cn/z-ai/frontend/prod-fe-1.1.103/assets/PdfViewer-C-o_uY-E.js"><link rel="stylesheet" crossorigin="" href="https://z-cdn.chatglm.cn/z-ai/frontend/prod-fe-1.1.103/assets/PdfViewer-CXSIG1dP.css"><link rel="modulepreload" as="script" crossorigin="" href="https://z-cdn.chatglm.cn/z-ai/frontend/prod-fe-1.1.103/assets/XlsxUniverViewer-D6Ow-acu.js"><link rel="modulepreload" as="script" crossorigin="" href="https://z-cdn.chatglm.cn/z-ai/frontend/prod-fe-1.1.103/assets/xlsx-DG2X6oDA.js"><link rel="modulepreload" as="script" crossorigin="" href="https://z-cdn.chatglm.cn/z-ai/frontend/prod-fe-1.1.103/assets/tslib.es6-DE_iy5AC.js"><link rel="stylesheet" crossorigin="" href="https://z-cdn.chatglm.cn/z-ai/frontend/prod-fe-1.1.103/assets/XlsxUniverViewer-GYDU0wJv.css"><link rel="modulepreload" as="script" crossorigin="" href="https://z-cdn.chatglm.cn/z-ai/frontend/prod-fe-1.1.103/assets/DocxViewer-CcaL42lX.js"><link rel="modulepreload" as="script" crossorigin="" href="https://z-cdn.chatglm.cn/z-ai/frontend/prod-fe-1.1.103/assets/jszip.min-KBFP06Xj.js"><link rel="modulepreload" as="script" crossorigin="" href="https://z-cdn.chatglm.cn/z-ai/frontend/prod-fe-1.1.103/assets/merge-CwbV-VZM.js"><link rel="modulepreload" as="script" crossorigin="" href="https://z-cdn.chatglm.cn/z-ai/frontend/prod-fe-1.1.103/assets/PptxViewer-BeG8MfIv.js"></head>

	<body><script src="https://sdk.rum.aliyuncs.com/v2/browser-sdk.js" crossorigin=""></script>
		<!-- Google Tag Manager (noscript) -->
		<noscript>
			<iframe src="https://www.googletagmanager.com/ns.html?id=GTM-T9CBCLPX" height="0" width="0"
				style="display:none;visibility:hidden">
			</iframe>
		</noscript>
		<!-- End Google Tag Manager (noscript) -->

		<script>
			const env = location.hostname === 'chat.z.ai' ? 'prod' : 'pre';
			!(function (c, b, d, a) {
				c[a] || (c[a] = {});
				c[a] = {
					pid: 'j2c03hoppk@9a8be198b65ba4b',
					endpoint: 'https://j2c03hoppk-default-cn.rum.aliyuncs.com',
					// 设置环境信息，参考值：'prod' | 'gray' | 'pre' | 'daily' | 'local'
					env: env,
					// 设置路由模式， 参考值：'history' | 'hash'
					spaMode: 'history',
					collectors: {
						// 页面性能指标监听开关，默认开启
						perf: true,
						// WebVitals指标监听开关，默认开启
						webVitals: false,
						// Ajax监听开关，默认开启
						api: true,
						// 静态资源开关，默认开启
						staticResource: true,
						// JS错误监听开关，默认开启
						jsError: true,
						// 控制台错误监听开关，默认开启
						consoleError: false,
						// 用户行为监听开关，默认开启
						action: true
					},
					// 链路追踪配置开关，默认关闭
					tracing: false,
					parseViewName(url) {
						const pathname = new URL(url).pathname;
						if (!pathname) {
							return '/';
						}
						return pathname.replace(/(.*)\/[a-f0-9-]+$/g, '$1');
					},
					evaluateApi(options, response) {
						const traceId = response?.headers?.get?.('X-Trace-Id') || 'unknown';

						return {
							name: options.url.replace(/\/[a-f0-9-]{36}/g, '/**'),
							properties: {
								traceId
							}
						};
					}
				};
				with (b)
					with (body)
						with (insertBefore(createElement('script'), firstChild))
							setAttribute('crossorigin', '', (src = d));
			})(window, document, 'https://sdk.rum.aliyuncs.com/v2/browser-sdk.js', '__rum');
		</script>
		<div id="app" style="display: contents"><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----> <!----><!----><!----><!----><!----><!----> <div class="relative app"><div class=" text-stone-950 dark:text-white bg-[#f8f8f8] dark:bg-[#161616] h-screen max-h-[100dvh] overflow-visible md:overflow-auto flex flex-row justify-start"><!----><!----> <!----><!----><!----><!----><!----><!----> <!----> <div id="sidebar" class="h-screen max-h-[100dvh] min-h-screen select-none relative z-50 top-0 left-0 flex flex-row" data-state="false" data-collapsed="true" data-subpanel="false" data-mobile="false"><div class="flex flex-col h-full transition-width duration-200 ease-in-out shrink-0 bg-[#f8f8f8] text-gray-900 dark:bg-[#161616] dark:text-gray-200 text-sm border-r-1 border-black/15 dark:border-white/12 overflow-x-hidden data-[collapsed=false]:w-[264px] data-[collapsed=false]:max-w-[264px] data-[mobile=false]:data-[collapsed=true]:w-[56px] data-[mobile=true]:data-[collapsed=true]:w-0 data-[collapsed=true]:cursor-pointer" role="button" tabindex="0" data-state="false" data-collapsed="true" data-mobile="false"><div class="pointer-events-none flex h-full w-full flex-col items-center justify-between"><div class="pointer-events-auto flex flex-col items-center"><button class="group relative m-3.5 size-6 mb-5"><div class="logoIcon absolute inset-0 m-auto size-6 bg-[url(https://z-cdn.chatglm.cn/z-ai/static/logo.svg)] bg-contain bg-no-repeat opacity-100 group-hover:opacity-0"></div> <div class="expandIcon absolute inset-0 m-auto h-fit w-fit opacity-0 group-hover:opacity-100 hover:bg-[#0d0d0d]/4 dark:hover:bg-white/10 rounded-sm"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="size-5 text-black dark:text-white rotate-180"><path d="M6 2V14M5.2 2H10.8C11.9201 2 12.4802 2 12.908 2.21799C13.2843 2.40973 13.5903 2.71569 13.782 3.09202C14 3.51984 14 4.0799 14 5.2V10.8C14 11.9201 14 12.4802 13.782 12.908C13.5903 13.2843 13.2843 13.5903 12.908 13.782C12.4802 14 11.9201 14 10.8 14H5.2C4.07989 14 3.51984 14 3.09202 13.782C2.71569 13.5903 2.40973 13.2843 2.21799 12.908C2 12.4802 2 11.9201 2 10.8V5.2C2 4.07989 2 3.51984 2.21799 3.09202C2.40973 2.71569 2.71569 2.40973 3.09202 2.21799C3.51984 2 4.0799 2 5.2 2Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.33"></path></svg><!----></div></button> <div class="px-1.5 flex flex-col items-center"><div class="flex flex-col justify-center items-center gap-1 p-1 mb-5 bg-white dark:bg-white/3 rounded-lg shadow-[0px_2px_8px_0px_rgba(0,0,0,0.08),0px_0px_0px_1px_rgba(219,219,219,0.80),inset_0px_0px_1px_0px_rgba(255,255,255,1.00)] dark:shadow-[0px_2px_8px_0px_rgba(0,0,0,0.08),0px_0px_0px_1px_rgba(219,219,219,0.12),inset_0px_0px_1px_0px_rgba(255,255,255,0.12)]"><button class="rounded-md hover:bg-stone-950/5 dark:hover:bg-white/5 data-[active=true]:bg-stone-950/5 dark:data-[active=true]:bg-white/5" data-active="true"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="size-4 m-2.5"><g clip-path="url(#clip0_2824_17437)"><path d="M7.33337 2.66666H4.53337C3.41327 2.66666 2.85322 2.66666 2.42539 2.88464C2.04907 3.07639 1.74311 3.38235 1.55136 3.75867C1.33337 4.1865 1.33337 4.74655 1.33337 5.86666V11.4667C1.33337 12.5868 1.33337 13.1468 1.55136 13.5746C1.74311 13.951 2.04907 14.2569 2.42539 14.4487C2.85322 14.6667 3.41327 14.6667 4.53337 14.6667H10.1334C11.2535 14.6667 11.8135 14.6667 12.2414 14.4487C12.6177 14.2569 12.9236 13.951 13.1154 13.5746C13.3334 13.1468 13.3334 12.5868 13.3334 11.4667V8.66666M5.33336 10.6667H6.44972C6.77584 10.6667 6.9389 10.6667 7.09235 10.6298C7.2284 10.5972 7.35846 10.5433 7.47775 10.4702C7.61231 10.3877 7.72761 10.2724 7.95821 10.0418L14.3334 3.66666C14.8857 3.11437 14.8857 2.21894 14.3334 1.66666C13.7811 1.11437 12.8857 1.11437 12.3334 1.66665L5.9582 8.04182C5.72759 8.27242 5.61229 8.38772 5.52984 8.52228C5.45673 8.64157 5.40286 8.77163 5.3702 8.90768C5.33336 9.06113 5.33336 9.22419 5.33336 9.55031V10.6667Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.33"></path></g></svg><!----></button> <button class="rounded-md hover:bg-stone-950/5 dark:hover:bg-white/5 data-[active=true]:bg-stone-950/5 dark:data-[active=true]:bg-white/5" data-active="false"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="size-4 m-2.5"><g clip-path="url(#clip0_2824_17445)"><path d="M4.65005 5.02227V6.13894M11.35 5.02227V6.13894M7.2556 8.44679C7.85116 8.44679 8.37227 7.92568 8.37227 7.33012V5.02227M10.3824 10.3822C9.04242 11.7222 6.88353 11.7222 5.54353 10.3822M1.30005 4.87338L1.30005 11.1267C1.30005 12.3775 1.30005 13.0029 1.54347 13.4806C1.75758 13.9009 2.09924 14.2425 2.51947 14.4566C2.99721 14.7 3.6226 14.7 4.87338 14.7H11.1267C12.3775 14.7 13.0029 14.7 13.4806 14.4566C13.9009 14.2425 14.2425 13.9009 14.4566 13.4806C14.7 13.0029 14.7 12.3775 14.7 11.1267V4.87338C14.7 3.6226 14.7 2.99721 14.4566 2.51947C14.2425 2.09924 13.9009 1.75759 13.4806 1.54347C13.0029 1.30005 12.3775 1.30005 11.1267 1.30005L4.87338 1.30005C3.6226 1.30005 2.99721 1.30005 2.51947 1.54347C2.09924 1.75758 1.75759 2.09924 1.54347 2.51947C1.30005 2.99721 1.30005 3.6226 1.30005 4.87338Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.33"></path></g><defs><clipPath id="clip0_2824_17445"><rect width="16" height="16" fill="white"></rect></clipPath></defs></svg><!----></button></div> <div class="flex flex-col gap-1"><button id="sidebar-new-chat-button" class="p-2 rounded-lg inline-flex justify-start items-center gap-2 overflow-hidden text-start hover:bg-[#0d0d0d]/3 dark:hover:bg-[#fff]/3"><div class="p-1.25 opacity-80 text-stone-950 dark:text-white bg-black/10 dark:bg-[#fff]/8 rounded-[99px] overflow-hidden"><svg width="9" height="9" viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg" class="size-2.5"><path d="M4.33329 0.666992V8.00033M0.666626 4.33366H7.99996" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.33"></path></svg><!----></div></button><!----> <div class=""><button class="rounded size-9 flex justify-center items-center hover:bg-bg-hover data-[active=true]:bg-bg-hover" data-active="false"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="size-4 text-text-primary"><g><path d="M4.6665 3.99826V2.8427C4.6665 2.2536 5.14406 1.77603 5.73317 1.77603H10.2665C10.8556 1.77603 11.3332 2.2536 11.3332 2.8427V3.99826" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.33"></path><path d="M3.3335 6.66667V5.33333C3.3335 4.59695 3.93045 4 4.66683 4H11.3335C12.0699 4 12.6668 4.59695 12.6668 5.33333V6.66667" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.33"></path><path d="M12.6667 6.66666H3.33333C2.59695 6.66666 2 7.26359 2 7.99999V13.3333C2 14.0697 2.59695 14.6667 3.33333 14.6667H12.6667C13.4031 14.6667 14 14.0697 14 13.3333V7.99999C14 7.26359 13.4031 6.66666 12.6667 6.66666Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.33"></path></g></svg><!----></button></div> <!----> <!----></div></div></div> <div class="pointer-events-auto px-1.5 pb-3.5"><button class="flex size-9 items-center justify-center rounded-lg border border-black/10 dark:border-white/12 bg-white dark:bg-white/5 text-stone-950/80 transition hover:bg-stone-950/3 dark:text-white/80 dark:hover:bg-white/8" aria-label="Sign in"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" stroke="currentColor" class="size-4.5"><g opacity="0.8"><path fill-rule="evenodd" clip-rule="evenodd" d="M9.99935 18.3332C14.6017 18.3332 18.3327 14.6022 18.3327 9.99984C18.3327 5.39746 14.6017 1.6665 9.99935 1.6665C5.39697 1.6665 1.66602 5.39746 1.66602 9.99984C1.66602 14.6022 5.39697 18.3332 9.99935 18.3332Z" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"></path><path d="M9.99935 9.58317C11.1499 9.58317 12.0827 8.65042 12.0827 7.49984C12.0827 6.34925 11.1499 5.4165 9.99935 5.4165C8.84877 5.4165 7.91602 6.34925 7.91602 7.49984C7.91602 8.65042 8.84877 9.58317 9.99935 9.58317Z" stroke-width="1.33" stroke-linejoin="round"></path><path d="M4.17578 15.9713C4.31899 13.7999 6.12561 12.083 8.33328 12.083H11.6666C13.8714 12.083 15.6762 13.7954 15.8236 15.9627" stroke-width="1.33" stroke-linecap="round" stroke-linejoin="round"></path></g></svg><!----></button></div><!----></div><!----></div> <!----></div><!----> <!----> <!----><!----><!----><div class="h-screen max-h-[100dvh] transition-width duration-200 ease-in-out flex-1 min-w-0 overflow-hidden flex" id="chat-container" data-guest="true" data-sidebar="false" data-mobile="false"><div class="h-full flex-1 flex flex-col w-full min-w-0 overflow-hidden"><!----><!----> <!----><!----><!----><!----><!----><!----><!----> <!----><!----><!----><!----><!----> <!----><!----><!----><!----><!----><!----> <nav class="sticky top-0 z-30 w-full h-[52px] bg-transparent px-4 py-2.5 -mb-8 flex items-center drag-region" style="app-region: drag;"><div class="pointer-events-none absolute inset-0 -bottom-7 z-[-1]"></div> <div class="flex px-1 mx-auto w-full max-w-full bg-transparent"><div class="flex gap-2 justify-between items-center w-full max-w-full"><div class="flex gap-1" hidden=""><!----> <!----><!----><!----><!----><!----><!----><!----><div id="bits-c7" data-state="closed" data-delay-duration="200" data-tooltip-trigger="" tabindex="0" type="button" class="flex" aria-label="Chat History"><div class=" self-start flex flex-none p-1 items-center rounded-xl text-gray-600 dark:text-gray-400 hover:bg-gray-200 dark:hover:bg-gray-850 transition"><button id="sidebar-toggle-button" class="flex cursor-pointer" aria-label="Toggle Sidebar"><div class="self-center"><svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class=" size-4 text-black dark:text-white"><g clip-path="url(#clip0_6661_14868)"><path d="M7.99992 3.99967V7.99967L10.6666 9.33301M14.6666 7.99967C14.6666 11.6816 11.6818 14.6663 7.99992 14.6663C4.31802 14.6663 1.33325 11.6816 1.33325 7.99967C1.33325 4.31778 4.31802 1.33301 7.99992 1.33301C11.6818 1.33301 14.6666 4.31778 14.6666 7.99967Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.33"></path></g><defs><clipPath id="clip0_6661_14868"><rect fill="white" class=" size-4 text-black dark:text-white"></rect></clipPath></defs></svg><!----></div></button></div><!----></div><!----> <!----><!----><!----><!----> <!----><!----><!----><!----><!----><!----><!----><div id="bits-c8" data-state="closed" data-delay-duration="200" data-tooltip-trigger="" tabindex="0" type="button" class="flex" aria-label="New Chat"><button id="new-chat-button" aria-label="New Chat" class="navNewChat flex  cursor-pointer rounded-xl p-1 text-gray-600 dark:text-gray-400 hover:bg-gray-200 dark:hover:bg-gray-850 transition"><div class="self-center m-auto"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class=" text-black dark:text-white size-4"><g clip-path="url(#clip0_2824_17437)"><path d="M7.33337 2.66666H4.53337C3.41327 2.66666 2.85322 2.66666 2.42539 2.88464C2.04907 3.07639 1.74311 3.38235 1.55136 3.75867C1.33337 4.1865 1.33337 4.74655 1.33337 5.86666V11.4667C1.33337 12.5868 1.33337 13.1468 1.55136 13.5746C1.74311 13.951 2.04907 14.2569 2.42539 14.4487C2.85322 14.6667 3.41327 14.6667 4.53337 14.6667H10.1334C11.2535 14.6667 11.8135 14.6667 12.2414 14.4487C12.6177 14.2569 12.9236 13.951 13.1154 13.5746C13.3334 13.1468 13.3334 12.5868 13.3334 11.4667V8.66666M5.33336 10.6667H6.44972C6.77584 10.6667 6.9389 10.6667 7.09235 10.6298C7.2284 10.5972 7.35846 10.5433 7.47775 10.4702C7.61231 10.3877 7.72761 10.2724 7.95821 10.0418L14.3334 3.66666C14.8857 3.11437 14.8857 2.21894 14.3334 1.66666C13.7811 1.11437 12.8857 1.11437 12.3334 1.66665L5.9582 8.04182C5.72759 8.27242 5.61229 8.38772 5.52984 8.52228C5.45673 8.64157 5.40286 8.77163 5.3702 8.90768C5.33336 9.06113 5.33336 9.22419 5.33336 9.55031V10.6667Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.33"></path></g></svg><!----></div></button><!----></div><!----> <!----><!----><!----><!----></div> <div data-mobile="false" class=" flex-1 overflow-hidden max-w-full py-0.5
			
			"><div class="flex flex-col items-start w-full svelte-le8n8z"><div class="flex justify-between items-center w-full svelte-le8n8z"><div class="flex overflow-hidden svelte-le8n8z"><div class="flex flex-col mr-1 svelte-le8n8z"><!----><!----><!----><!----><!----><!----><!----><button class="modelSelectorButton relative font-primary " aria-label="Select a model" id="model-selector-x-preview-l-button" aria-haspopup="menu" aria-expanded="false" data-state="closed" data-dropdown-menu-trigger="" type="button"><div class="flex text-left px-0.5 outline-hidden bg-transparent truncate  text-black dark:text-white text-lg justify-between font-medium placeholder-gray-400 focus:outline-hidden">GLM-5.3-Flash<!----> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2.5" class=" self-center ml-2 size-3"><path stroke-linecap="round" stroke-linejoin="round" d="m19.5 8.25-7.5 7.5-7.5-7.5"></path></svg><!----></div><!----></button><!----> <!----><!----></div> <!----> <!----><!----><!----><!----><!----><!----></div> <div class="flex gap-2 items-center svelte-le8n8z"><button class="flex items-center font-mono font-medium text-white whitespace-nowrap rounded-lg gradientButton tracking-wider h-7 self-start  svelte-le8n8z"><span class="svelte-le8n8z">ZCode</span> <svg viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="currentColor" class="text-black rotate-45 size-4 dark:text-white" stroke-width="2"><path d="M512 853.333333c-25.6 0-42.666667-17.066667-42.666667-42.666666V213.333333c0-25.6 17.066667-42.666667 42.666667-42.666666s42.666667 17.066667 42.666667 42.666666v597.333334c0 25.6-17.066667 42.666667-42.666667 42.666666z"></path><path d="M810.666667 554.666667c-12.8 0-21.333333-4.266667-29.866667-12.8L512 273.066667l-268.8 268.8c-17.066667 17.066667-42.666667 17.066667-59.733333 0s-17.066667-42.666667 0-59.733334l298.666666-298.666666c17.066667-17.066667 42.666667-17.066667 59.733334 0l298.666666 298.666666c17.066667 17.066667 17.066667 42.666667 0 59.733334-8.533333 8.533333-17.066667 12.8-29.866666 12.8z"></path></svg><!----></button><!----> <!----><!----><!----><!----><!----><button id="bits-c10" aria-haspopup="menu" aria-expanded="false" data-state="closed" data-dropdown-menu-trigger="" type="button"><button class="flex items-center font-mono font-medium text-white whitespace-nowrap rounded-lg gradientButton tracking-wider h-7 self-start svelte-rfjy4c"><span class="svelte-rfjy4c">API</span> <!----><!----><!----><!----><!----><button class="SubscribeSuggestionPopoverTrigger" id="bits-c11" aria-haspopup="dialog" aria-expanded="false" data-state="closed" data-popover-trigger="" type="button"><button hidden="" class="relative"></button><!----></button><!----> <!----><!----><!----> <svg viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="currentColor" class="text-black rotate-45 size-4 dark:text-white" stroke-width="2"><path d="M512 853.333333c-25.6 0-42.666667-17.066667-42.666667-42.666666V213.333333c0-25.6 17.066667-42.666667 42.666667-42.666666s42.666667 17.066667 42.666667 42.666666v597.333334c0 25.6-17.066667 42.666667-42.666667 42.666666z"></path><path d="M810.666667 554.666667c-12.8 0-21.333333-4.266667-29.866667-12.8L512 273.066667l-268.8 268.8c-17.066667 17.066667-42.666667 17.066667-59.733333 0s-17.066667-42.666667 0-59.733334l298.666666-298.666666c17.066667-17.066667 42.666667-17.066667 59.733334 0l298.666666 298.666666c17.066667 17.066667 17.066667 42.666667 0 59.733334-8.533333 8.533333-17.066667 12.8-29.866666 12.8z"></path></svg><!----></button><!----></button><!----> <!----><!----></div><!----></div></div><!----></div> <div class="flex flex-none gap-2 items-center self-start text-black dark:text-white"><a class="flex h-8 items-center justify-center gap-2 whitespace-nowrap rounded-lg border border-black/12 px-[11px] text-[13px] font-medium leading-4 opacity-80 transition hover:bg-gray-100 dark:border-white/12 dark:hover:bg-gray-800" rel="noopener noreferrer" href="https://zchat.z.ai"><svg stroke="currentColor" width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg" class="size-4 shrink-0" stroke-width="1.33"><path d="M0.665039 7.33166H13.9984M0.665039 7.33166C0.665039 11.0136 3.64981 13.9983 7.33171 13.9983M0.665039 7.33166C0.665039 3.64976 3.64981 0.664993 7.33171 0.664993M13.9984 7.33166C13.9984 11.0136 11.0136 13.9983 7.33171 13.9983M13.9984 7.33166C13.9984 3.64976 11.0136 0.664993 7.33171 0.664993M7.33171 0.664993C8.99923 2.49056 9.94687 4.85968 9.99837 7.33166C9.94687 9.80364 8.99923 12.1728 7.33171 13.9983M7.33171 0.664993C5.66419 2.49056 4.71654 4.85968 4.66504 7.33166C4.71654 9.80364 5.66419 12.1728 7.33171 13.9983" stroke-linecap="round" stroke-linejoin="round"></path></svg><!----> Visit China site</a><!----> <!----> <!----> <!----> <!----> <!----> <div class="flex gap-2"><button type="button" class="inline-flex shrink-0 select-none items-center justify-center whitespace-nowrap gap-0.5 transition-all outline-hidden disabled:cursor-not-allowed disabled:opacity-40 font-normal zh-CN:font-normal text-sm leading-5 bg-stone-950 dark:bg-white dark:hover:bg-white/90 hover:bg-stone-950/84 active:bg-stone-950/84 text-white dark:text-stone-950 active:shadow-[0px_0px_0px_4px_rgba(0,0,0,0.15)] dark:active:shadow-[0px_0px_0px_4px_rgba(255,255,255,0.15)] rounded-md px-3 py-1.5"><!----> <span class="px-1">Sign in<!----></span> <!----></button><!----></div><!----></div></div></div></nav><!----> <!----><div class="w-full h-full" id="c12" data-pane-group="" data-direction="horizontal" data-pane-group-id="c12" style="display: flex; flex-direction: row; height: 100%; overflow: hidden; width: 100%;"><!----><!----><div class="flex relative w-full h-full" id="c13" data-pane="" data-pane-id="c13" data-pane-group-id="c12" data-expanded="" data-pane-state="expanded" style="flex: 100 1 0px; overflow: hidden;"><div class="flex flex-col flex-auto z-10 w-full @container"><!----><!----> <div class="flex overflow-y-auto scrollbar-none flex-col w-full h-full"><div class="mx-auto w-full flex flex-col items-center  text-center relative svelte-pbx4uc" style="padding-top: clamp(158px, 20vh, 380px);"><!----> <!----> <div class="relative inline-flex flex-col gap-4 items-center text-text-primary text-center w-full svelte-pbx4uc" style="margin-bottom: clamp(24px, 4vh, 52px);"><div class="absolute left-1/2 -translate-x-1/2 pointer-events-none -z-1 placeholder-z-letter svelte-pbx4uc" style="bottom: -65%;" aria-hidden="true"><svg width="440" height="360" viewBox="-20 -20 440 360" fill="none" xmlns="http://www.w3.org/2000/svg"><defs><linearGradient id="paint0_linear_z" x1="200" y1="0" x2="200" y2="320" gradientUnits="userSpaceOnUse"><stop stop-opacity="0.6" stop-color="#C4C4C4"></stop><stop offset="0.5" stop-opacity="0.3" stop-color="#D9D9D9"></stop><stop offset="1" stop-opacity="0.1" stop-color="#F0F0F0"></stop></linearGradient><filter id="blur_z" x="-20" y="-20" width="440" height="360"><feGaussianBlur in="SourceGraphic" stdDeviation="1.2"></feGaussianBlur></filter></defs><path d="M398.97 0.5L147.576 319.5H1.03027L37.5996 273.081L120.167 169.603L120.171 169.598L215.342 47.5605L215.343 47.5615L252.424 0.5H398.97ZM264.544 273.271H372.527L336.082 319.498H189.886L202.642 303.307C217.584 284.34 240.398 273.271 264.544 273.271ZM209.164 0.5L202.786 8.58887C183.782 32.6885 154.782 46.752 124.091 46.752H25.9805L62.4268 0.5H209.164Z" fill="url(#paint0_linear_z)" filter="url(#blur_z)" opacity="0.25"></path><path d="M398.97 0.5L147.576 319.5H1.03027L37.5996 273.081L120.167 169.603L120.171 169.598L215.342 47.5605L215.343 47.5615L252.424 0.5H398.97ZM264.544 273.271H372.527L336.082 319.498H189.886L202.642 303.307C217.584 284.34 240.398 273.271 264.544 273.271ZM209.164 0.5L202.786 8.58887C183.782 32.6885 154.782 46.752 124.091 46.752H25.9805L62.4268 0.5H209.164Z" stroke="url(#paint0_linear_z)" stroke-width="1" fill="none"></path></svg><!----></div> <div class="placeholder-slide-up-fade svelte-pbx4uc"><!----><span class="relative flex flex-wrap text-[40px] @xl:text-[60px] tracking-[-2.4px] leading-[150%] font-serif justify-center cursor-default select-none" aria-label="What can I build for you?"><span class="sr-only">What can I build for you?</span> <span class="inline-flex"><span class="text-3d-flip-char inline transform-3d" style="transform: rotateX(0deg) rotateY(0deg);"><span class="relative h-[1lh] backface-hidden bg-bg-page text-text-primary">W</span> <span class="absolute top-0 left-0 h-[1lh] backface-hidden bg-bg-page text-text-primary" style="transform: rotateX(-90deg) translateZ(0.5lh);">W</span></span><span class="text-3d-flip-char inline transform-3d" style="transform: rotateX(0deg) rotateY(0deg);"><span class="relative h-[1lh] backface-hidden bg-bg-page text-text-primary">h</span> <span class="absolute top-0 left-0 h-[1lh] backface-hidden bg-bg-page text-text-primary" style="transform: rotateX(-90deg) translateZ(0.5lh);">h</span></span><span class="text-3d-flip-char inline transform-3d" style="transform: rotateX(0deg) rotateY(0deg);"><span class="relative h-[1lh] backface-hidden bg-bg-page text-text-primary">a</span> <span class="absolute top-0 left-0 h-[1lh] backface-hidden bg-bg-page text-text-primary" style="transform: rotateX(-90deg) translateZ(0.5lh);">a</span></span><span class="text-3d-flip-char inline transform-3d" style="transform: rotateX(0deg) rotateY(0deg);"><span class="relative h-[1lh] backface-hidden bg-bg-page text-text-primary">t</span> <span class="absolute top-0 left-0 h-[1lh] backface-hidden bg-bg-page text-text-primary" style="transform: rotateX(-90deg) translateZ(0.5lh);">t</span></span><!----> <span class="whitespace-pre">&nbsp;</span><!----></span><span class="inline-flex"><span class="text-3d-flip-char inline transform-3d" style="transform: rotateX(0deg) rotateY(0deg);"><span class="relative h-[1lh] backface-hidden bg-bg-page text-text-primary">c</span> <span class="absolute top-0 left-0 h-[1lh] backface-hidden bg-bg-page text-text-primary" style="transform: rotateX(-90deg) translateZ(0.5lh);">c</span></span><span class="text-3d-flip-char inline transform-3d" style="transform: rotateX(0deg) rotateY(0deg);"><span class="relative h-[1lh] backface-hidden bg-bg-page text-text-primary">a</span> <span class="absolute top-0 left-0 h-[1lh] backface-hidden bg-bg-page text-text-primary" style="transform: rotateX(-90deg) translateZ(0.5lh);">a</span></span><span class="text-3d-flip-char inline transform-3d" style="transform: rotateX(0deg) rotateY(0deg);"><span class="relative h-[1lh] backface-hidden bg-bg-page text-text-primary">n</span> <span class="absolute top-0 left-0 h-[1lh] backface-hidden bg-bg-page text-text-primary" style="transform: rotateX(-90deg) translateZ(0.5lh);">n</span></span><!----> <span class="whitespace-pre">&nbsp;</span><!----></span><span class="inline-flex"><span class="text-3d-flip-char inline transform-3d" style="transform: rotateX(0deg) rotateY(0deg);"><span class="relative h-[1lh] backface-hidden bg-bg-page text-text-primary">I</span> <span class="absolute top-0 left-0 h-[1lh] backface-hidden bg-bg-page text-text-primary" style="transform: rotateX(-90deg) translateZ(0.5lh);">I</span></span><!----> <span class="whitespace-pre">&nbsp;</span><!----></span><span class="inline-flex"><span class="text-3d-flip-char inline transform-3d" style="transform: rotateX(0deg) rotateY(0deg);"><span class="relative h-[1lh] backface-hidden bg-bg-page text-text-primary">b</span> <span class="absolute top-0 left-0 h-[1lh] backface-hidden bg-bg-page text-text-primary" style="transform: rotateX(-90deg) translateZ(0.5lh);">b</span></span><span class="text-3d-flip-char inline transform-3d" style="transform: rotateX(0deg) rotateY(0deg);"><span class="relative h-[1lh] backface-hidden bg-bg-page text-text-primary">u</span> <span class="absolute top-0 left-0 h-[1lh] backface-hidden bg-bg-page text-text-primary" style="transform: rotateX(-90deg) translateZ(0.5lh);">u</span></span><span class="text-3d-flip-char inline transform-3d" style="transform: rotateX(0deg) rotateY(0deg);"><span class="relative h-[1lh] backface-hidden bg-bg-page text-text-primary">i</span> <span class="absolute top-0 left-0 h-[1lh] backface-hidden bg-bg-page text-text-primary" style="transform: rotateX(-90deg) translateZ(0.5lh);">i</span></span><span class="text-3d-flip-char inline transform-3d" style="transform: rotateX(0deg) rotateY(0deg);"><span class="relative h-[1lh] backface-hidden bg-bg-page text-text-primary">l</span> <span class="absolute top-0 left-0 h-[1lh] backface-hidden bg-bg-page text-text-primary" style="transform: rotateX(-90deg) translateZ(0.5lh);">l</span></span><span class="text-3d-flip-char inline transform-3d" style="transform: rotateX(0deg) rotateY(0deg);"><span class="relative h-[1lh] backface-hidden bg-bg-page text-text-primary">d</span> <span class="absolute top-0 left-0 h-[1lh] backface-hidden bg-bg-page text-text-primary" style="transform: rotateX(-90deg) translateZ(0.5lh);">d</span></span><!----> <span class="whitespace-pre">&nbsp;</span><!----></span><span class="inline-flex"><span class="text-3d-flip-char inline transform-3d" style="transform: rotateX(0deg) rotateY(0deg);"><span class="relative h-[1lh] backface-hidden bg-bg-page text-text-primary">f</span> <span class="absolute top-0 left-0 h-[1lh] backface-hidden bg-bg-page text-text-primary" style="transform: rotateX(-90deg) translateZ(0.5lh);">f</span></span><span class="text-3d-flip-char inline transform-3d" style="transform: rotateX(0deg) rotateY(0deg);"><span class="relative h-[1lh] backface-hidden bg-bg-page text-text-primary">o</span> <span class="absolute top-0 left-0 h-[1lh] backface-hidden bg-bg-page text-text-primary" style="transform: rotateX(-90deg) translateZ(0.5lh);">o</span></span><span class="text-3d-flip-char inline transform-3d" style="transform: rotateX(0deg) rotateY(0deg);"><span class="relative h-[1lh] backface-hidden bg-bg-page text-text-primary">r</span> <span class="absolute top-0 left-0 h-[1lh] backface-hidden bg-bg-page text-text-primary" style="transform: rotateX(-90deg) translateZ(0.5lh);">r</span></span><!----> <span class="whitespace-pre">&nbsp;</span><!----></span><span class="inline-flex"><span class="text-3d-flip-char inline transform-3d" style="transform: rotateX(0deg) rotateY(0deg);"><span class="relative h-[1lh] backface-hidden bg-bg-page text-text-primary">y</span> <span class="absolute top-0 left-0 h-[1lh] backface-hidden bg-bg-page text-text-primary" style="transform: rotateX(-90deg) translateZ(0.5lh);">y</span></span><span class="text-3d-flip-char inline transform-3d" style="transform: rotateX(0deg) rotateY(0deg);"><span class="relative h-[1lh] backface-hidden bg-bg-page text-text-primary">o</span> <span class="absolute top-0 left-0 h-[1lh] backface-hidden bg-bg-page text-text-primary" style="transform: rotateX(-90deg) translateZ(0.5lh);">o</span></span><span class="text-3d-flip-char inline transform-3d" style="transform: rotateX(0deg) rotateY(0deg);"><span class="relative h-[1lh] backface-hidden bg-bg-page text-text-primary">u</span> <span class="absolute top-0 left-0 h-[1lh] backface-hidden bg-bg-page text-text-primary" style="transform: rotateX(-90deg) translateZ(0.5lh);">u</span></span><span class="text-3d-flip-char inline transform-3d" style="transform: rotateX(0deg) rotateY(0deg);"><span class="relative h-[1lh] backface-hidden bg-bg-page text-text-primary">?</span> <span class="absolute top-0 left-0 h-[1lh] backface-hidden bg-bg-page text-text-primary" style="transform: rotateX(-90deg) translateZ(0.5lh);">?</span></span><!----> <!----></span><!----></span><!----></div> <div class="self-stretch text-center justify-start text-base font-normal leading-5 placeholder-subtitle-entrance svelte-pbx4uc">Interact with z.ai and explore the boundless creative world</div></div><!----> <div class="relative w-full max-w-[794px] mx-auto overflow-visible placeholder-input placeholder-input-entrance  svelte-pbx4uc"><!----><div class="w-full messageInputContainer font-primary @container/input"><div class="relative"><div data-outline-control="false" data-im-status="false" class="max-w-[768px] 2xl:max-w-[854px] min-w-[334px] mx-auto inset-x-0 data-[outline-control=true]:border data-[outline-control=true]:border-[#DBDBDB]/60 data-[outline-control=true]:dark:border-[#434343]/30 data-[outline-control=true]:bg-[#F8F8F8] data-[outline-control=true]:dark:bg-[#1E1E1E] data-[outline-control=true]:rounded-2xl data-[outline-control=true]:p-[3px] data-[outline-control=true]:text-[#0D0D0D]/80 data-[outline-control=true]:dark:text-white/80 data-[outline-control=true]:data-[im-status=true]:border-blue-200/60 dark:data-[outline-control=true]:data-[im-status=true]:blue-200/10 data-[outline-control=true]:data-[im-status=true]:bg-blue-50 dark:data-[outline-control=true]:data-[im-status=true]:bg-slate-700 svelte-1k62fay"><div class="popoverContainer relative w-full l-0"><div class=" w-full absolute -translate-y-[calc(100%-1px)] left-0 z-10"><!----> <!----></div></div> <!----> <div class="relative flex flex-col"><input type="file" hidden="" multiple="" accept=".pdf,.docx,.doc,.xls,.xlsx,.ppt,.pptx,.png,.jpg,.jpeg,.svg,.csv,.py,.txt,.md,.bmp,.gif,.mp4,.html,.mp3"> <form class="flex gap-1.5 w-full"><div class="flex-1 flex flex-col relative w-full rounded-xl border-1 border-[#0000001F] dark:border-white/10 transition bg-white/90 dark:bg-[#292929] text-gray-900 dark:text-gray-100 shadow-[0px_4px_16px_0px_#0000000D]" dir="auto"><!----><style>
@property --beam-angle-bb-1 {
  syntax: "<angle>";
  initial-value: 0deg;
  inherits: true;
}

@property --beam-opacity-bb-1 {
  syntax: "<number>";
  initial-value: 0;
  inherits: true;
}

[data-beam="bb-1"] {
  position: relative;
  border-radius: 12px;
  overflow: hidden;
}

[data-beam="bb-1"][data-active] {
  animation:
    beam-spin-bb-1 1.96s linear infinite,
    beam-fade-in-bb-1 0.6s ease forwards;
}

[data-beam="bb-1"][data-fading] {
  animation:
    beam-spin-bb-1 1.96s linear infinite,
    beam-fade-out-bb-1 0.5s ease forwards;
}

[data-beam="bb-1"][data-active]::after,
[data-beam="bb-1"][data-fading]::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 11px;
  padding: 1px;
  clip-path: inset(0 round 12px);
  background: conic-gradient(
        from var(--beam-angle-bb-1),
        transparent 0%, transparent 54%,
        rgba(0, 0, 0, 0.08) 57%,
        rgba(0, 0, 0, 0.2) 60%,
        rgba(0, 0, 0, 0.4) 63%,
        rgba(0, 0, 0, 0.55) 66%,
        rgba(0, 0, 0, 0.4) 69%,
        rgba(0, 0, 0, 0.2) 72%,
        rgba(0, 0, 0, 0.08) 75%,
        transparent 78%, transparent 100%
      ),radial-gradient(ellipse 70px 40px at 33% -7.4%, rgb(255, 80, 50), transparent),
    radial-gradient(ellipse 60px 35px at 12% -5%, rgb(255, 160, 40), transparent),
    radial-gradient(ellipse 40px 70px at 2.1% 68.3%, rgb(255, 120, 60), transparent),
    radial-gradient(ellipse 20px 35px at 2.1% 68.3%, rgb(255, 200, 50), transparent),
    radial-gradient(ellipse 180px 32px at 74.4% 100%, rgb(255, 100, 80), transparent),
    radial-gradient(ellipse 85px 26px at 55% 100%, rgb(255, 180, 60), transparent),
    radial-gradient(ellipse 74px 32px at 93.9% 0%, rgb(255, 60, 60), transparent),
    radial-gradient(ellipse 26px 42px at 100% 27.1%, rgb(255, 140, 50), transparent),
    radial-gradient(ellipse 52px 48px at 100% 27.1%, rgb(255, 90, 70), transparent);
  -webkit-mask:
    conic-gradient(
      from var(--beam-angle-bb-1),
      transparent 0%, transparent 30%,
      rgba(255, 255, 255, 0.1) 36%, rgba(255, 255, 255, 0.35) 44%,
      white 52%, white 80%,
      rgba(255, 255, 255, 0.35) 86%, rgba(255, 255, 255, 0.1) 92%,
      transparent 95%, transparent 100%
    ),
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: source-in, xor;
  mask:
    conic-gradient(
      from var(--beam-angle-bb-1),
      transparent 0%, transparent 30%,
      rgba(255, 255, 255, 0.1) 36%, rgba(255, 255, 255, 0.35) 44%,
      white 52%, white 80%,
      rgba(255, 255, 255, 0.35) 86%, rgba(255, 255, 255, 0.1) 92%,
      transparent 95%, transparent 100%
    ),
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  mask-composite: intersect, exclude;
  pointer-events: none;
  z-index: 2;
  opacity: calc(var(--beam-opacity-bb-1) * 0.12 * var(--beam-strength, 1));
  animation: beam-hue-shift-bb-1 12s ease-in-out infinite;
}

[data-beam="bb-1"][data-active]::before,
[data-beam="bb-1"][data-fading]::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 12px;
  background: radial-gradient(ellipse 63px 36px at 33% -7.4%, rgba(255, 80, 50, 0.45), transparent),
    radial-gradient(ellipse 54px 32px at 12% -5%, rgba(255, 160, 40, 0.45), transparent),
    radial-gradient(ellipse 36px 63px at 2.1% 68.3%, rgba(255, 120, 60, 0.45), transparent),
    radial-gradient(ellipse 18px 32px at 2.1% 68.3%, rgba(255, 200, 50, 0.45), transparent),
    radial-gradient(ellipse 162px 29px at 74.4% 100%, rgba(255, 100, 80, 0.45), transparent),
    radial-gradient(ellipse 77px 23px at 55% 100%, rgba(255, 180, 60, 0.45), transparent),
    radial-gradient(ellipse 67px 29px at 93.9% 0%, rgba(255, 60, 60, 0.45), transparent),
    radial-gradient(ellipse 23px 38px at 100% 27.1%, rgba(255, 140, 50, 0.45), transparent),
    radial-gradient(ellipse 47px 43px at 100% 27.1%, rgba(255, 90, 70, 0.45), transparent);
  box-shadow: inset 0 0 9px 1px rgba(0, 0, 0, 0.14);
  -webkit-mask-image:
    conic-gradient(
      from var(--beam-angle-bb-1),
      transparent 0%, transparent 30%,
      rgba(255, 255, 255, 0.1) 36%, rgba(255, 255, 255, 0.35) 44%,
      white 52%, white 80%,
      rgba(255, 255, 255, 0.35) 86%, rgba(255, 255, 255, 0.1) 92%,
      transparent 95%, transparent 100%
    ),
    linear-gradient(white, transparent 28px, transparent calc(100% - 28px), white),
    linear-gradient(to right, white, transparent 28px, transparent calc(100% - 28px), white);
  -webkit-mask-composite: source-in, source-over;
  mask-image:
    conic-gradient(
      from var(--beam-angle-bb-1),
      transparent 0%, transparent 30%,
      rgba(255, 255, 255, 0.1) 36%, rgba(255, 255, 255, 0.35) 44%,
      white 52%, white 80%,
      rgba(255, 255, 255, 0.35) 86%, rgba(255, 255, 255, 0.1) 92%,
      transparent 95%, transparent 100%
    ),
    linear-gradient(white, transparent 28px, transparent calc(100% - 28px), white),
    linear-gradient(to right, white, transparent 28px, transparent calc(100% - 28px), white);
  mask-composite: intersect, add;
  pointer-events: none;
  z-index: 1;
  opacity: calc(var(--beam-opacity-bb-1) * 0.26 * var(--beam-strength, 1));
  clip-path: inset(0 round 12px);
  animation: beam-hue-shift-bb-1 12s ease-in-out infinite;
}

[data-beam="bb-1"] [data-beam-bloom] {
  display: none;
  position: absolute;
  inset: 0;
  border-radius: 11px;
  clip-path: inset(0 round 12px);
  background: conic-gradient(
        from var(--beam-angle-bb-1),
        transparent 0%, transparent 58%,
        rgba(0, 0, 0, 0.02) 62%,
        rgba(0, 0, 0, 0.08) 65%,
        rgba(0, 0, 0, 0.2) 67%,
        rgba(0, 0, 0, 0.4) 69%,
        rgba(0, 0, 0, 0.6) 70%,
        rgba(0, 0, 0, 0.6) 70.5%,
        rgba(0, 0, 0, 0.4) 71.5%,
        rgba(0, 0, 0, 0.2) 73%,
        rgba(0, 0, 0, 0.08) 75%,
        rgba(0, 0, 0, 0.02) 78%,
        transparent 82%
      );
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  padding: 1px;
  filter: blur(8px) brightness(1.60) saturate(1.50);
  pointer-events: none;
  z-index: 3;
  opacity: 0;
}

[data-beam="bb-1"][data-active] [data-beam-bloom],
[data-beam="bb-1"][data-fading] [data-beam-bloom] {
  display: block;
  opacity: calc(var(--beam-opacity-bb-1) * 0.34 * var(--beam-strength, 1));
}

@keyframes beam-spin-bb-1 {
  to { --beam-angle-bb-1: 360deg; }
}

@keyframes beam-fade-in-bb-1 {
  to { --beam-opacity-bb-1: 1; }
}

@keyframes beam-fade-out-bb-1 {
  from { --beam-opacity-bb-1: 1; }
  to { --beam-opacity-bb-1: 0; }
}

@keyframes beam-hue-shift-bb-1 {
  0% { filter: hue-rotate(-30deg) brightness(1.60) saturate(1.50); }
  50% { filter: hue-rotate(30deg) brightness(1.60) saturate(1.50); }
  100% { filter: hue-rotate(-30deg) brightness(1.60) saturate(1.50); }
}

[data-beam="bb-1"][data-paused],
[data-beam="bb-1"][data-paused]::after,
[data-beam="bb-1"][data-paused]::before,
[data-beam="bb-1"][data-paused] [data-beam-bloom] {
  animation-play-state: paused !important;
}
</style><!----> <div data-beam="bb-1" style="position: absolute; inset: 0px; pointer-events: none; z-index: 1; --beam-strength: 0.85;"><div class="w-full h-full"></div><!----> <div data-beam-bloom=""></div></div><!----> <!----><!----> <div class="overflow-hidden relative px-3 pt-3"><!----><!----> <!----> <textarea id="chat-input" dir="auto" rows="2" class="input-scroll w-full px-2 text-sm bg-transparent resize-none overflow-x-hidden text-text-primary outline-hidden placeholder:text-text-primary/30 max-h-[160px] svelte-1k62fay" placeholder="How can I help you today?" style="text-indent: 0px;"></textarea></div> <!----> <div class="flex justify-between items-center px-3 py-2.5 max-w-full border-[#DBDBDB]/60 dark:border-[#434343]" dir="ltr"><div class="self-end flex items-center flex-1 max-w-[80%] gap-2"><div class="flex items-center"><!----><!----><!----><!----><!----><!----><!----><div id="bits-c30" data-state="closed" data-delay-duration="200" data-tooltip-trigger="" tabindex="0" type="button" class="flex" aria-label="Upload Files"><div role="button" tabindex="0" class="text-[0px]"><button id="upload-file-button" type="button" aria-label="More" class="rounded-lg bg-transparent p-1.5 outline-hidden transition-opacity focus:outline-hidden opacity-70 hover:opacity-100 "><svg width="9" height="9" viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg" class="size-3.5"><path d="M4.33329 0.666992V8.00033M0.666626 4.33366H7.99996" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.33"></path></svg><!----></button><!----></div><!----></div><!----> <!----><!----><!----><!----></div> <div class="flex gap-2 items-center overflow-x-auto scrollbar-none flex-1"><!----><!----><!----><!----><!----><!----><!----><div id="bits-c61" data-state="closed" data-delay-duration="200" data-tooltip-trigger="" tabindex="0" type="button" class="flex"><button type="button" class="flex items-center text-sm p-1.5 rounded-md transition-colors duration-300 focus:outline-hidden max-w-full overflow-hidden disabled:cursor-not-allowed disabled:hover:bg-none disabled:text-gray-500 text-gray-900/80 dark:text-white/80 data-[active=true]:bg-[#F0F7FE] dark:data-[active=true]:bg-white/10 data-[active=true]:text-[#0881F0] dark:data-[active=true]:text-white bg-transparent hover:bg-gray-100 dark:hover:bg-gray-800 " data-active="false"><svg stroke="currentColor" width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg" class="size-4" stroke-width="1.33"><path d="M0.665039 7.33166H13.9984M0.665039 7.33166C0.665039 11.0136 3.64981 13.9983 7.33171 13.9983M0.665039 7.33166C0.665039 3.64976 3.64981 0.664993 7.33171 0.664993M13.9984 7.33166C13.9984 11.0136 11.0136 13.9983 7.33171 13.9983M13.9984 7.33166C13.9984 3.64976 11.0136 0.664993 7.33171 0.664993M7.33171 0.664993C8.99923 2.49056 9.94687 4.85968 9.99837 7.33166C9.94687 9.80364 8.99923 12.1728 7.33171 13.9983M7.33171 0.664993C5.66419 2.49056 4.71654 4.85968 4.66504 7.33166C4.71654 9.80364 5.66419 12.1728 7.33171 13.9983" stroke-linecap="round" stroke-linejoin="round"></path></svg><!----></button><!----></div><!----> <!----><!----><!----><!----> <!----> <!----> <!----> <!----> <div class="select-none flagsContainer"></div><!----> <!----></div></div> <!----> <div class="flex self-end shrink-0 items-center gap-1.5"><!----> <!----><!----><!----><!----><!----><!----><!----><!----><!----><div id="bits-c62" aria-haspopup="menu" aria-expanded="false" data-state="closed" data-dropdown-menu-trigger="" type="button"><div data-open="false" class="flex gap-1.5 items-center h-7 pl-3 pr-2 py-1 rounded-lg whitespace-nowrap transition-colors
			data-[open=true]:bg-black/5 dark:data-[open=true]:bg-white/5
			cursor-pointer hover:bg-black/5 dark:hover:bg-white/5"><span class="text-[13px] leading-[18px] font-medium text-text-secondary">Deep Think</span> <span class="text-[13px] leading-[18px] font-normal text-text-tertiary">Max</span> <span class="transition-transform "><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.33" class="size-4 font-normal text-text-tertiary"><path stroke-linecap="round" stroke-linejoin="round" d="m19.5 8.25-7.5 7.5-7.5-7.5"></path></svg><!----></span></div><!----></div><!----> <!----><!----><!----> <!----><!----> <div class="flex items-center"><!----><!----><!----><!----><!----><!----><!----><div id="bits-c31" data-state="closed" data-delay-duration="200" data-tooltip-trigger="" tabindex="0" type="button" class="flex" aria-label="Send Message"><button id="send-message-button" type="submit" class="sendMessageButton size-7 flex items-center justify-center text-[#110F0F]/20 bg-[#E0E0E0] dark:text-stone-950/60 dark:bg-white/25 disabled transition rounded-lg self-center" disabled=""><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="size-4"><path d="M8 13.3333V2.66667M8 2.66667L4 6.66667M8 2.66667L12 6.66667" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.33"></path></svg><!----></button><!----></div><!----> <!----><!----><!----><!----></div><!----></div></div></div></form></div></div></div></div><!----></div><!----> <!----><!----><div class="relative w-full max-w-[946px] mx-auto"><div class="artifact-entrance absolute w-full min-h-[calc(30cqw)] top-0 right-0 flex flex-col gap-4 mt-13 svelte-1sqsazc"><div class="flex flex-wrap gap-3 items-center w-full"><button class="flex items-center justify-center gap-2.5 rounded-lg px-3 py-1.5 border border-[#DBDBDB] dark:border-white/10 min-w-[34px] text-[13px] font-medium leading-5 text-black/40 dark:text-white/40 hover:text-black/80 dark:hover:text-white/80 text-nowrap data-[selected=true]:text-black/80 dark:data-[selected=true]:text-white/80 data-[selected=true]:bg-black/4 dark:data-[selected=true]:bg-white/4 transition-all" data-selected="true">Landing Page</button><button class="flex items-center justify-center gap-2.5 rounded-lg px-3 py-1.5 border border-[#DBDBDB] dark:border-white/10 min-w-[34px] text-[13px] font-medium leading-5 text-black/40 dark:text-white/40 hover:text-black/80 dark:hover:text-white/80 text-nowrap data-[selected=true]:text-black/80 dark:data-[selected=true]:text-white/80 data-[selected=true]:bg-black/4 dark:data-[selected=true]:bg-white/4 transition-all" data-selected="false">Knowledge/Teaching Material</button><button class="flex items-center justify-center gap-2.5 rounded-lg px-3 py-1.5 border border-[#DBDBDB] dark:border-white/10 min-w-[34px] text-[13px] font-medium leading-5 text-black/40 dark:text-white/40 hover:text-black/80 dark:hover:text-white/80 text-nowrap data-[selected=true]:text-black/80 dark:data-[selected=true]:text-white/80 data-[selected=true]:bg-black/4 dark:data-[selected=true]:bg-white/4 transition-all" data-selected="false">3D Modeling</button><button class="flex items-center justify-center gap-2.5 rounded-lg px-3 py-1.5 border border-[#DBDBDB] dark:border-white/10 min-w-[34px] text-[13px] font-medium leading-5 text-black/40 dark:text-white/40 hover:text-black/80 dark:hover:text-white/80 text-nowrap data-[selected=true]:text-black/80 dark:data-[selected=true]:text-white/80 data-[selected=true]:bg-black/4 dark:data-[selected=true]:bg-white/4 transition-all" data-selected="false">Mini Game</button><button class="flex items-center justify-center gap-2.5 rounded-lg px-3 py-1.5 border border-[#DBDBDB] dark:border-white/10 min-w-[34px] text-[13px] font-medium leading-5 text-black/40 dark:text-white/40 hover:text-black/80 dark:hover:text-white/80 text-nowrap data-[selected=true]:text-black/80 dark:data-[selected=true]:text-white/80 data-[selected=true]:bg-black/4 dark:data-[selected=true]:bg-white/4 transition-all" data-selected="false">Personal Blog</button></div> <div class="grid grid-cols-3 gap-3"><div class="group relative flex flex-col aspect-video rounded-xl border border-[#DBDBDB] dark:border-white/10 overflow-hidden"><!----><img src="https://z-cdn-media.chatglm.cn/prompts-rich-media-resources/landingpage-1.png?auth_key=1813140157-5eddc7a0e7184fc492752d2ae1e8e447-0-0c5acc304e41534ff5021bd75483602b" alt="" class=" w-full h-full rounded-md object-cover transition-transform duration-300 ease-in-out group-hover:scale-[1.2]"><!----> <div class="absolute hidden group-hover:flex flex-col w-full h-full gap-3 justify-center items-center hover:bg-[linear-gradient(180deg,rgba(255,255,255,0.24)_0%,rgba(0,0,0,0.24)_100%)] transition-all font-medium text-xs"><button class="min-w-[130px] outline-1 outline-offset-[-1px] outline-zinc-300 rounded-lg py-2 px-3 bg-white text-[#0D0D0D]/80 shadow-[0px_1px_2px_0px_rgba(16,24,40,0.05)]">Prompt</button> <button class="min-w-[130px] border border-black/12 rounded-lg py-2 px-3 bg-black text-white/80">Preview</button></div></div><div class="group relative flex flex-col aspect-video rounded-xl border border-[#DBDBDB] dark:border-white/10 overflow-hidden"><!----><img src="https://z-cdn-media.chatglm.cn/prompts-rich-media-resources/landingpage-2.png?auth_key=1813140157-cb806342412f4f84840118d5bb0b85cd-0-1c3cbb87d22565154b63e38a1c8c35f0" alt="" class=" w-full h-full rounded-md object-cover transition-transform duration-300 ease-in-out group-hover:scale-[1.2]"><!----> <div class="absolute hidden group-hover:flex flex-col w-full h-full gap-3 justify-center items-center hover:bg-[linear-gradient(180deg,rgba(255,255,255,0.24)_0%,rgba(0,0,0,0.24)_100%)] transition-all font-medium text-xs"><button class="min-w-[130px] outline-1 outline-offset-[-1px] outline-zinc-300 rounded-lg py-2 px-3 bg-white text-[#0D0D0D]/80 shadow-[0px_1px_2px_0px_rgba(16,24,40,0.05)]">Prompt</button> <button class="min-w-[130px] border border-black/12 rounded-lg py-2 px-3 bg-black text-white/80">Preview</button></div></div><div class="group relative flex flex-col aspect-video rounded-xl border border-[#DBDBDB] dark:border-white/10 overflow-hidden"><!----><img src="https://z-cdn-media.chatglm.cn/prompts-rich-media-resources/landingpage-3.png?auth_key=1813140157-82293b70f47f446396ebcbcb2b7f5f9d-0-c233a658fdb61cb29afeef2b2acd8edd" alt="" class=" w-full h-full rounded-md object-cover transition-transform duration-300 ease-in-out group-hover:scale-[1.2]"><!----> <div class="absolute hidden group-hover:flex flex-col w-full h-full gap-3 justify-center items-center hover:bg-[linear-gradient(180deg,rgba(255,255,255,0.24)_0%,rgba(0,0,0,0.24)_100%)] transition-all font-medium text-xs"><button class="min-w-[130px] outline-1 outline-offset-[-1px] outline-zinc-300 rounded-lg py-2 px-3 bg-white text-[#0D0D0D]/80 shadow-[0px_1px_2px_0px_rgba(16,24,40,0.05)]">Prompt</button> <button class="min-w-[130px] border border-black/12 rounded-lg py-2 px-3 bg-black text-white/80">Preview</button></div></div></div><!----></div><!----></div><!----></div> <!----><!----></div><!----></div><!----></div><!----> <!----><!----><!----> <!----><div class="border border-[#DBDBDB] dark:border-[#2e2e2e] rounded-xl shadow-[inset_0_0_1px_0_rgba(0,0,0,1),0_1px_2px_0_rgba(0,0,0,0.04),0_4px_24px_0_rgba(0,0,0,0.08)] bg-white border-none m-0" id="c32" data-pane="" data-pane-id="c32" data-pane-group-id="c12" data-pane-state="collapsed" data-collapsed="" style="flex: 0 1 0px; overflow: hidden;"><!----><!----></div><!----><!----><!----></div><!----> <div class=" flex gap-1 justify-center items-center text-[10px] font-normal text-center text-stone-950 dark:text-white opacity-40 leading-4 flex-nowrap text-nowrap"><div class="flex gap-2 items-center mb-0.5 "><span>Generated by AI. For reference only.</span> <div class="flex gap-2 items-center"><!----> <a href="https://z.ai/blog/glm-5.3-flash" class="underline" target="_blank" rel="noopener noreferrer">Tech Blog</a> <!----><!----><div class="bg-stone-950/10 dark:bg-white/10 shrink-0 data-[orientation=horizontal]:w-full data-[orientation=horizontal]:h-[1px] data-[orientation=vertical]:h-full data-[orientation=vertical]:min-h-4 data-[orientation=vertical]:w-[1px]" id="bits-c14" role="none" aria-orientation="vertical" aria-hidden="true" data-orientation="vertical" data-separator-root=""><!----></div><!----> <a href="https://z.ai/contact" class="underline" target="_blank" rel="noopener noreferrer">Contact us</a> <!----><!----><div class="bg-stone-950/10 dark:bg-white/10 shrink-0 data-[orientation=horizontal]:w-full data-[orientation=horizontal]:h-[1px] data-[orientation=vertical]:h-full data-[orientation=vertical]:min-h-4 data-[orientation=vertical]:w-[1px]" id="bits-c15" role="none" aria-orientation="vertical" aria-hidden="true" data-orientation="vertical" data-separator-root=""><!----></div><!----><!----> <a href="https://chat.z.ai/legal-agreement/terms-of-service" class="underline" target="_blank" rel="noopener noreferrer">Terms of Service</a> <span> and </span> <a href="https://chat.z.ai/legal-agreement/privacy-policy" class="underline" target="_blank" rel="noopener noreferrer">Privacy Policy</a></div></div></div><!----><!----></div> <div data-open="false" class="h-screen max-h-[100dvh] data-[open=false]:w-0 transition-all min-w-0 overflow-hidden w-0"><!----></div><!----></div> <!----><!----><!----><!----><!----> <!----><!----><!----><!----><!----> <!----><!----><!----><!----><!----> <!----><!----><!----><!----><!----> <!----><!----><!----><!----><!----> <!----><!----><!----><!----><!----> <!----><!----><!----><!----><!----><!----> <!----><!----><!----><!----><!----><!----> <!----><!----><!----><!----><!----> <!----><!----><!----><!----><!----> <!----><!----><!----><!----><!----> <!----><!----><!----><!----><!----> <!----><!----><!----><!----><!----> <!----><!----><!----></div></div><!----> <section aria-live="polite" aria-relevant="additions text" aria-atomic="false" class="svelte-nbs0zk" tabindex="-1" aria-label="Notifications alt+T"><!----></section><!----> <div class="fixed top-[60px] right-4 z-[9999] flex flex-col gap-3 pointer-events-none"></div><!----> <!----><!----><!----><!----><!----><!----> <!----></div>

		<script>
			var token = localStorage.getItem('token');
			var base = window.WEBUI_BASE_URL || '';
			var lang = localStorage.locale ?? (navigator.language.includes('zh') ? 'zh-CN' : 'en-US');
			var config = {
				credentials: 'include',
				headers: {
					Accept: 'application/json',
					'Content-Type': 'application/json',
					...(token ? { Authorization: `Bearer ${token}` } : {}),
					'Accept-Language': lang
				}
			};

			var sessionFetch = fetch(`${base}/api/v1/auths/`, config).then(async (res) => {
				if (!res.ok) throw await res.json();
				return res.json();
			});

			window.GLOBAL_FETCHES = {
				session: sessionFetch,
				config: fetch(`${base}/api/config`, config).then(async (res) => {
					if (!res.ok) throw await res.json();
					return res.json();
				}),
				// token 存在时与其他请求并行；不存在时需等 session 之后再请求 models
				// 至少要 cookie 里有 token 才能正常请求 models
				models: token
					? fetch(`${base}/api/models`, config)
					: sessionFetch.then(() => fetch(`${base}/api/models`, config)),
				settings:
					token &&
					fetch(`${base}/api/v1/users/user/settings`, config).then(async (res) => {
						if (!res.ok) throw await res.json();
						return res.json();
					})
			};
		</script>
		<script async="" src="//o.alicdn.com/frontend-lib/common-lib/jquery.min.js"></script>
	


<style type="text/css" nonce="">
	@keyframes pulse {
		50% {
			opacity: 0.65;
		}
	}

	.animate-pulse-fast {
		animation: pulse 1.5s cubic-bezier(0.4, 0, 0.6, 1) infinite;
	}
</style>
<!----><!----><div class="fixed inset-0 z-10000 flex justify-center pointer-events-none overflow-y-auto overscroll-contain scrollbar-hidden"><!----><!----> <!----><!----></div>
<script type="text/javascript" id="" charset="">!function(d,e,f,a,b,c){d.twq||(a=d.twq=function(){a.exe?a.exe.apply(a,arguments):a.queue.push(arguments)},a.version="1.1",a.queue=[],b=e.createElement(f),b.async=!0,b.src="https://static.ads-twitter.com/uwt.js",c=e.getElementsByTagName(f)[0],c.parentNode.insertBefore(b,c))}(window,document,"script");twq("config","q5hbv");</script>

<script type="text/javascript" id="" charset="">!function(b,e,f,g,a,c,d){b.fbq||(a=b.fbq=function(){a.callMethod?a.callMethod.apply(a,arguments):a.queue.push(arguments)},b._fbq||(b._fbq=a),a.push=a,a.loaded=!0,a.version="2.0",a.queue=[],c=e.createElement(f),c.async=!0,c.src=g,d=e.getElementsByTagName(f)[0],d.parentNode.insertBefore(c,d))}(window,document,"script","https://connect.facebook.net/en_US/fbevents.js");fbq("init","1921933375117245");fbq("set","agent","tmgoogletagmanager","1921933375117245");fbq("track","PageView");</script>
<noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=1921933375117245&amp;ev=PageView&amp;noscript=1"></noscript>
<!----><!----><div class="fixed inset-0 z-10000 flex justify-center pointer-events-none overflow-y-auto overscroll-contain scrollbar-hidden"><!----><!----> <!----><!----></div><!----><!----><div class="fixed inset-0 z-10000 flex justify-center pointer-events-none overflow-y-auto overscroll-contain scrollbar-hidden"><!----><!----> <!----><!----></div><!----><!----><div class="fixed inset-0 z-10000 flex justify-center pointer-events-none overflow-y-auto overscroll-contain scrollbar-hidden"><!----><!----> <!----><!----></div><!----><!----><div class="fixed inset-0 z-10000 flex justify-center pointer-events-none overflow-y-auto overscroll-contain scrollbar-hidden"><!----><!----> <!----><!----></div><!----><!----><div class="fixed inset-0 z-10000 flex justify-center pointer-events-none overflow-y-auto overscroll-contain scrollbar-hidden"><!----><!----> <!----><!----></div><!----><!----><div class="fixed inset-0 z-10000 flex justify-center pointer-events-none overflow-y-auto overscroll-contain scrollbar-hidden"><!----><!----> <!----><!----></div><!----><!----><!----><!----><!----><!----><!----><!----> <!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----> <!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><div class="fixed inset-0 z-10000 flex justify-center pointer-events-none overflow-y-auto overscroll-contain scrollbar-hidden"><!----><!----> <!----><!----></div><!----><!----><!----><!----><!----><!----><div class="fixed inset-0 z-10000 flex justify-center pointer-events-none overflow-y-auto overscroll-contain scrollbar-hidden"><!----><!----> <!----><!----></div><!----><!----><div class="fixed inset-0 z-10000 flex justify-center pointer-events-none overflow-y-auto overscroll-contain scrollbar-hidden"><!----><!----> <!----><!----></div><!----><!----><div class="fixed inset-0 z-10000 flex justify-center pointer-events-none overflow-y-auto overscroll-contain scrollbar-hidden"><!----><!----> <!----><!----></div><!----><!----><div class="fixed inset-0 z-10000 flex justify-center pointer-events-none overflow-y-auto overscroll-contain scrollbar-hidden"><!----><!----> <!----><!----></div><!----><!----><div class="fixed inset-0 z-10000 flex justify-center pointer-events-none overflow-y-auto overscroll-contain scrollbar-hidden"><!----><!----> <!----><!----></div><!----><!----><div class="fixed inset-0 z-10000 flex justify-center pointer-events-none overflow-y-auto overscroll-contain scrollbar-hidden"><!----><!----> <!----><!----></div><!----><!----><div class="fixed inset-0 z-10000 flex justify-center pointer-events-none overflow-y-auto overscroll-contain scrollbar-hidden"><!----><!----> <!----><!----></div><!----><!----><div class="fixed inset-0 z-10000 flex justify-center pointer-events-none overflow-y-auto overscroll-contain scrollbar-hidden"><!----><!----> <!----><!----></div><!----><!----><div class="fixed inset-0 z-10000 flex justify-center pointer-events-none overflow-y-auto overscroll-contain scrollbar-hidden"><!----><!----> <!----><!----></div><!----><!----><div class="fixed inset-0 z-10000 flex justify-center pointer-events-none overflow-y-auto overscroll-contain scrollbar-hidden"><!----><!----> <!----><!----></div><!----><!----><div class="fixed inset-0 z-10000 flex justify-center pointer-events-none overflow-y-auto overscroll-contain scrollbar-hidden"><!----><!----> <!----><!----></div><!----><!----><div class="fixed inset-0 z-10000 flex justify-center pointer-events-none overflow-y-auto overscroll-contain scrollbar-hidden"><!----><!----> <!----><!----></div><!----><!----><div class="fixed inset-0 z-10000 flex justify-center pointer-events-none overflow-y-auto overscroll-contain scrollbar-hidden"><!----><!----> <!----><!----></div><!----><!----><!----><!----><!----><!----><!----><!----> <!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----> <!----><!----><!----><!----><!----><!----><!----><!----><!----><div id="batBeacon849924627715" style="width: 0px; height: 0px; display: none; visibility: hidden;"><img id="batBeacon136798088680" width="0" height="0" alt="" src="https://bat.bing.com/action/0?ti=187234156&amp;tm=gtm002&amp;Ver=2&amp;mid=caf8e847-5754-4340-a2e4-461bb1c23cc4&amp;bo=1&amp;sid=669874e0c8c211f198b5dfc5e940cb75&amp;vid=6698d120c8c211f1a71ddd1480b26df9&amp;vids=1&amp;msclkid=N&amp;gtm_tag_source=1&amp;pi=0&amp;lg=en-US&amp;sw=1280&amp;sh=720&amp;sc=24&amp;nwd=1&amp;tl=Z.ai%20-%20Advanced%20AI%20Chatbot%20%26%20Agent%20powered%20by%20GLM-5.3-Flash&amp;p=https%3A%2F%2Fchat.z.ai%2F&amp;r=&amp;lt=1325&amp;evt=pageLoad&amp;sv=2&amp;cdb=AQAQ&amp;rn=139829" style="width: 0px; height: 0px; display: none; visibility: hidden;"></div><img src="https://t.co/1/i/adsct?bci=4&amp;dv=UTC%26en-US%26Google%20Inc.%26Linux%20x86_64%26127%261280%26720%262%2624%261280%26720%260%26na%261&amp;eci=3&amp;event=%7B%7D&amp;event_id=8d362813-83d0-4d10-bb28-023d20320d8d&amp;integration=advertiser&amp;p_id=Twitter&amp;p_user_id=0&amp;pl_id=ce5a4733-2280-446c-8488-1182d48e8c07&amp;tw_ch_fvl=Chromium%2F154.0.8037.92%2CHeadlessChrome%2F154.0.8037.92%2CNot%20A(Brand%2F99.0.0.0&amp;tw_document_href=https%3A%2F%2Fchat.z.ai%2F&amp;tw_engaged_ms=8&amp;tw_iframe_status=0&amp;tw_pid_src=1&amp;tw_session_count=1&amp;tw_session_id=1792087268412-780932998&amp;tw_session_start=1&amp;twpid=tw.1792087268412.657575146289801631&amp;txn_id=q5hbv&amp;type=javascript&amp;version=2.4.12" height="1" width="1" fetchpriority="high" style="display: none;"><img src="https://analytics.twitter.com/1/i/adsct?bci=4&amp;dv=UTC%26en-US%26Google%20Inc.%26Linux%20x86_64%26127%261280%26720%262%2624%261280%26720%260%26na%261&amp;eci=3&amp;event=%7B%7D&amp;event_id=8d362813-83d0-4d10-bb28-023d20320d8d&amp;integration=advertiser&amp;p_id=Twitter&amp;p_user_id=0&amp;pl_id=ce5a4733-2280-446c-8488-1182d48e8c07&amp;tw_ch_fvl=Chromium%2F154.0.8037.92%2CHeadlessChrome%2F154.0.8037.92%2CNot%20A(Brand%2F99.0.0.0&amp;tw_document_href=https%3A%2F%2Fchat.z.ai%2F&amp;tw_engaged_ms=8&amp;tw_iframe_status=0&amp;tw_pid_src=1&amp;tw_session_count=1&amp;tw_session_id=1792087268412-780932998&amp;tw_session_start=1&amp;twpid=tw.1792087268412.657575146289801631&amp;txn_id=q5hbv&amp;type=javascript&amp;version=2.4.12" height="1" width="1" fetchpriority="high" style="display: none;"><!----><!----><!----><!----><!----><!----><!----><!----> <!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></body></html>