<>
.theme-dark .list-custom-small a.color-highlight span:not(.badge) {
color: #8D58F6 !important;
}
商店春季大促开启！
账户
客服支持
系统
免费在线 AI 聊天机器人 — 与 AI 对话
嗨！今天有什么我可以帮你的吗？
AI 工具
<>
/* Стили для иконок в стиле iPhone */
.app-icon {
display: flex;
flex-direction: column;
text-decoration: none;
color: var(--color-text);
flex: 1;
}
/* Фиксируем цвет для всех состояний ссылки */
.app-icon:hover,
.app-icon:focus,
.app-icon:active,
.app-icon:visited {
color: var(--color-text);
text-decoration: none;
}
.app-icon-container {
position: relative;
border-radius: 22px;
overflow: hidden;
border: 1px solid rgba(0000.1);
transition: transform 0.2s ease;
aspect-ratio: 1;
width: 100%;
}
/* Базовое изображение всегда на фоне */
.app-icon-image {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
/* Видео поверх изображения */
.app-icon-video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
z-index: 1;
}
.app-icon-label {
margin: 8px 2px 10px 2px;
font-size: 12px;
line-height: 1.2;
text-align: center;
color: var(--color-text);
font-weight: 500;
}
/* Стили для иконки типа */
.app-type-badge {
position: absolute;
top: 4px;
left: 4px;
width: 32px;
height: 32px;
border-radius: 20px;
padding: 4px;
background-color: rgba(0001);
border: 1px solid rgba(2552552550.6);
display: flex;
align-items: center;
justify-content: center;
z-index: 2;
color: white;
font-size: 16px;
}
/* Стили для иконки Prime статуса */
.app-prime-badge {
position: absolute;
top: 4px;
left: 40px;
width: 32px;
height: 32px;
border-radius: 20px;
padding: 4px;
background-color: rgba(25521501);
border: 1px solid rgba(2552552550.6);
display: flex;
align-items: center;
justify-content: center;
z-index: 2;
color: rgba(2552552551);
font-size: 16px;
}
/* Стили для бейджика "NEW" в правом верхнем углу */
.app-new-badge {
position: absolute;
top: 4px;
right: 4px;
height: 32px;
padding: 0 8px;
border-radius: 16px;
background-color: rgba(50183671);
color: white;
font-size: 12px;
font-weight: bold;
border: 1px solid rgba(2552552550.6);
display: flex;
align-items: center;
justify-content: center;
z-index: 3;
line-height: 1;
white-space: nowrap;
}
/* Увеличиваем размеры для больших экранов */
@media (min-width: 600px) {
.app-icon-label {
font-size: 16px;
margin: 8px 2px 20px 2px;
}
.app-type-badge {
width: 36px;
height: 36px;
border-radius: 26px;
font-size: 18px;
}
.app-prime-badge {
width: 36px;
height: 36px;
border-radius: 26px;
left: 44px;
font-size: 18px;
}
.app-new-badge {
height: 36px;
padding: 0 10px;
border-radius: 18px;
font-size: 14px;
}
}
/* Отключаем hover-эффекты на тач-устройствах */
@media (hover: none) and (pointer: coarse) {
.app-icon-container:hover {
transform: none !important;
transition: none !important;
}
}
/* Для устройств с возможностью hover (десктопы) */
@media (hover: hover) and (pointer: fine) {
.app-icon:hover .app-icon-container {
transform: scale(1.05);
}
}
<>
/* Стили для иконок в стиле iPhone */
.app-icon {
display: flex;
flex-direction: column;
text-decoration: none;
color: var(--color-text);
flex: 1;
}
/* Фиксируем цвет для всех состояний ссылки */
.app-icon:hover,
.app-icon:focus,
.app-icon:active,
.app-icon:visited {
color: var(--color-text);
text-decoration: none;
}
.app-icon-container {
position: relative;
border-radius: 22px;
overflow: hidden;
border: 1px solid rgba(0000.1);
transition: transform 0.2s ease;
aspect-ratio: 1;
width: 100%;
}
/* Базовое изображение всегда на фоне */
.app-icon-image {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
/* Видео поверх изображения */
.app-icon-video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
z-index: 1;
}
.app-icon-label {
margin: 8px 2px 10px 2px;
font-size: 12px;
line-height: 1.2;
text-align: center;
color: var(--color-text);
font-weight: 500;
}
/* Стили для иконки типа */
.app-type-badge {
position: absolute;
top: 4px;
left: 4px;
width: 32px;
height: 32px;
border-radius: 20px;
padding: 4px;
background-color: rgba(0001);
border: 1px solid rgba(2552552550.6);
display: flex;
align-items: center;
justify-content: center;
z-index: 2;
color: white;
font-size: 16px;
}
/* Стили для иконки Prime статуса */
.app-prime-badge {
position: absolute;
top: 4px;
left: 40px;
width: 32px;
height: 32px;
border-radius: 20px;
padding: 4px;
background-color: rgba(25521501);
border: 1px solid rgba(2552552550.6);
display: flex;
align-items: center;
justify-content: center;
z-index: 2;
color: rgba(2552552551);
font-size: 16px;
}
/* Стили для бейджика "NEW" в правом верхнем углу */
.app-new-badge {
position: absolute;
top: 4px;
right: 4px;
height: 32px;
padding: 0 8px;
border-radius: 16px;
background-color: rgba(50183671);
color: white;
font-size: 12px;
font-weight: bold;
border: 1px solid rgba(2552552550.6);
display: flex;
align-items: center;
justify-content: center;
z-index: 3;
line-height: 1;
white-space: nowrap;
}
/* Увеличиваем размеры для больших экранов */
@media (min-width: 600px) {
.app-icon-label {
font-size: 16px;
margin: 8px 2px 20px 2px;
}
.app-type-badge {
width: 36px;
height: 36px;
border-radius: 26px;
font-size: 18px;
}
.app-prime-badge {
width: 36px;
height: 36px;
border-radius: 26px;
left: 44px;
font-size: 18px;
}
.app-new-badge {
height: 36px;
padding: 0 10px;
border-radius: 18px;
font-size: 14px;
}
}
/* Отключаем hover-эффекты на тач-устройствах */
@media (hover: none) and (pointer: coarse) {
.app-icon-container:hover {
transform: none !important;
transition: none !important;
}
}
/* Для устройств с возможностью hover (десктопы) */
@media (hover: hover) and (pointer: fine) {
.app-icon:hover .app-icon-container {
transform: scale(1.05);
}
}
<>
/* Стили для иконок в стиле iPhone */
.app-icon {
display: flex;
flex-direction: column;
text-decoration: none;
color: var(--color-text);
flex: 1;
}
/* Фиксируем цвет для всех состояний ссылки */
.app-icon:hover,
.app-icon:focus,
.app-icon:active,
.app-icon:visited {
color: var(--color-text);
text-decoration: none;
}
.app-icon-container {
position: relative;
border-radius: 22px;
overflow: hidden;
border: 1px solid rgba(0000.1);
transition: transform 0.2s ease;
aspect-ratio: 1;
width: 100%;
}
/* Базовое изображение всегда на фоне */
.app-icon-image {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
/* Видео поверх изображения */
.app-icon-video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
z-index: 1;
}
.app-icon-label {
margin: 8px 2px 10px 2px;
font-size: 12px;
line-height: 1.2;
text-align: center;
color: var(--color-text);
font-weight: 500;
}
/* Стили для иконки типа */
.app-type-badge {
position: absolute;
top: 4px;
left: 4px;
width: 32px;
height: 32px;
border-radius: 20px;
padding: 4px;
background-color: rgba(0001);
border: 1px solid rgba(2552552550.6);
display: flex;
align-items: center;
justify-content: center;
z-index: 2;
color: white;
font-size: 16px;
}
/* Стили для иконки Prime статуса */
.app-prime-badge {
position: absolute;
top: 4px;
left: 40px;
width: 32px;
height: 32px;
border-radius: 20px;
padding: 4px;
background-color: rgba(25521501);
border: 1px solid rgba(2552552550.6);
display: flex;
align-items: center;
justify-content: center;
z-index: 2;
color: rgba(2552552551);
font-size: 16px;
}
/* Стили для бейджика "NEW" в правом верхнем углу */
.app-new-badge {
position: absolute;
top: 4px;
right: 4px;
height: 32px;
padding: 0 8px;
border-radius: 16px;
background-color: rgba(50183671);
color: white;
font-size: 12px;
font-weight: bold;
border: 1px solid rgba(2552552550.6);
display: flex;
align-items: center;
justify-content: center;
z-index: 3;
line-height: 1;
white-space: nowrap;
}
/* Увеличиваем размеры для больших экранов */
@media (min-width: 600px) {
.app-icon-label {
font-size: 16px;
margin: 8px 2px 20px 2px;
}
.app-type-badge {
width: 36px;
height: 36px;
border-radius: 26px;
font-size: 18px;
}
.app-prime-badge {
width: 36px;
height: 36px;
border-radius: 26px;
left: 44px;
font-size: 18px;
}
.app-new-badge {
height: 36px;
padding: 0 10px;
border-radius: 18px;
font-size: 14px;
}
}
/* Отключаем hover-эффекты на тач-устройствах */
@media (hover: none) and (pointer: coarse) {
.app-icon-container:hover {
transform: none !important;
transition: none !important;
}
}
/* Для устройств с возможностью hover (десктопы) */
@media (hover: hover) and (pointer: fine) {
.app-icon:hover .app-icon-container {
transform: scale(1.05);
}
}
<>
/* Стили для иконок в стиле iPhone */
.app-icon {
display: flex;
flex-direction: column;
text-decoration: none;
color: var(--color-text);
flex: 1;
}
/* Фиксируем цвет для всех состояний ссылки */
.app-icon:hover,
.app-icon:focus,
.app-icon:active,
.app-icon:visited {
color: var(--color-text);
text-decoration: none;
}
.app-icon-container {
position: relative;
border-radius: 22px;
overflow: hidden;
border: 1px solid rgba(0000.1);
transition: transform 0.2s ease;
aspect-ratio: 1;
width: 100%;
}
/* Базовое изображение всегда на фоне */
.app-icon-image {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
/* Видео поверх изображения */
.app-icon-video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
z-index: 1;
}
.app-icon-label {
margin: 8px 2px 10px 2px;
font-size: 12px;
line-height: 1.2;
text-align: center;
color: var(--color-text);
font-weight: 500;
}
/* Стили для иконки типа */
.app-type-badge {
position: absolute;
top: 4px;
left: 4px;
width: 32px;
height: 32px;
border-radius: 20px;
padding: 4px;
background-color: rgba(0001);
border: 1px solid rgba(2552552550.6);
display: flex;
align-items: center;
justify-content: center;
z-index: 2;
color: white;
font-size: 16px;
}
/* Стили для иконки Prime статуса */
.app-prime-badge {
position: absolute;
top: 4px;
left: 40px;
width: 32px;
height: 32px;
border-radius: 20px;
padding: 4px;
background-color: rgba(25521501);
border: 1px solid rgba(2552552550.6);
display: flex;
align-items: center;
justify-content: center;
z-index: 2;
color: rgba(2552552551);
font-size: 16px;
}
/* Стили для бейджика "NEW" в правом верхнем углу */
.app-new-badge {
position: absolute;
top: 4px;
right: 4px;
height: 32px;
padding: 0 8px;
border-radius: 16px;
background-color: rgba(50183671);
color: white;
font-size: 12px;
font-weight: bold;
border: 1px solid rgba(2552552550.6);
display: flex;
align-items: center;
justify-content: center;
z-index: 3;
line-height: 1;
white-space: nowrap;
}
/* Увеличиваем размеры для больших экранов */
@media (min-width: 600px) {
.app-icon-label {
font-size: 16px;
margin: 8px 2px 20px 2px;
}
.app-type-badge {
width: 36px;
height: 36px;
border-radius: 26px;
font-size: 18px;
}
.app-prime-badge {
width: 36px;
height: 36px;
border-radius: 26px;
left: 44px;
font-size: 18px;
}
.app-new-badge {
height: 36px;
padding: 0 10px;
border-radius: 18px;
font-size: 14px;
}
}
/* Отключаем hover-эффекты на тач-устройствах */
@media (hover: none) and (pointer: coarse) {
.app-icon-container:hover {
transform: none !important;
transition: none !important;
}
}
/* Для устройств с возможностью hover (десктопы) */
@media (hover: hover) and (pointer: fine) {
.app-icon:hover .app-icon-container {
transform: scale(1.05);
}
}
<>
/* Стили для иконок в стиле iPhone */
.app-icon {
display: flex;
flex-direction: column;
text-decoration: none;
color: var(--color-text);
flex: 1;
}
/* Фиксируем цвет для всех состояний ссылки */
.app-icon:hover,
.app-icon:focus,
.app-icon:active,
.app-icon:visited {
color: var(--color-text);
text-decoration: none;
}
.app-icon-container {
position: relative;
border-radius: 22px;
overflow: hidden;
border: 1px solid rgba(0000.1);
transition: transform 0.2s ease;
aspect-ratio: 1;
width: 100%;
}
/* Базовое изображение всегда на фоне */
.app-icon-image {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
/* Видео поверх изображения */
.app-icon-video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
z-index: 1;
}
.app-icon-label {
margin: 8px 2px 10px 2px;
font-size: 12px;
line-height: 1.2;
text-align: center;
color: var(--color-text);
font-weight: 500;
}
/* Стили для иконки типа */
.app-type-badge {
position: absolute;
top: 4px;
left: 4px;
width: 32px;
height: 32px;
border-radius: 20px;
padding: 4px;
background-color: rgba(0001);
border: 1px solid rgba(2552552550.6);
display: flex;
align-items: center;
justify-content: center;
z-index: 2;
color: white;
font-size: 16px;
}
/* Стили для иконки Prime статуса */
.app-prime-badge {
position: absolute;
top: 4px;
left: 40px;
width: 32px;
height: 32px;
border-radius: 20px;
padding: 4px;
background-color: rgba(25521501);
border: 1px solid rgba(2552552550.6);
display: flex;
align-items: center;
justify-content: center;
z-index: 2;
color: rgba(2552552551);
font-size: 16px;
}
/* Стили для бейджика "NEW" в правом верхнем углу */
.app-new-badge {
position: absolute;
top: 4px;
right: 4px;
height: 32px;
padding: 0 8px;
border-radius: 16px;
background-color: rgba(50183671);
color: white;
font-size: 12px;
font-weight: bold;
border: 1px solid rgba(2552552550.6);
display: flex;
align-items: center;
justify-content: center;
z-index: 3;
line-height: 1;
white-space: nowrap;
}
/* Увеличиваем размеры для больших экранов */
@media (min-width: 600px) {
.app-icon-label {
font-size: 16px;
margin: 8px 2px 20px 2px;
}
.app-type-badge {
width: 36px;
height: 36px;
border-radius: 26px;
font-size: 18px;
}
.app-prime-badge {
width: 36px;
height: 36px;
border-radius: 26px;
left: 44px;
font-size: 18px;
}
.app-new-badge {
height: 36px;
padding: 0 10px;
border-radius: 18px;
font-size: 14px;
}
}
/* Отключаем hover-эффекты на тач-устройствах */
@media (hover: none) and (pointer: coarse) {
.app-icon-container:hover {
transform: none !important;
transition: none !important;
}
}
/* Для устройств с возможностью hover (десктопы) */
@media (hover: hover) and (pointer: fine) {
.app-icon:hover .app-icon-container {
transform: scale(1.05);
}
}
与 AI 对话 — 免费向 AI 提问
AI 聊天机器人功能 — 你可以做什么
- 即刻与 AI 对话 — 立即开始与 AI 聊天机器人对话 — 无需注册、无需邮箱、无需登录。只需输入问题，即可在几秒钟内获得 AI 生成的回复。
- 向 AI 提问 — 获取作业、写作、数学、科学、编程、创意项目及日常问题的帮助。AI 聊天机器人可处理任何主题。
- 先进的语言模型 — 我们的免费 AI 聊天使用最新的对话式 AI 模型，能够理解上下文、进行多轮对话并提供详细、结构化的答案。
- 照片分析 — 上传图片并向 AI 提问 — 通过照片解决数学题、分析文档、描述图像或获取视觉任务帮助。
- 完全免费的 AI 聊天机器人 — 无需付费或订阅即可在线使用 AI 聊天。无隐藏费用，无高级功能限制 — 为每个人提供的免费 AI 聊天机器人。
可以问 AI 什么 — 使用场景
- 作业与学习 — 向 AI 询问数学、科学、历史、文学及任何学科的问题。获取分步解释和详细解决方案。
- 写作与编辑 — 起草邮件、论文、求职信、社交媒体帖子及其他文本。AI 聊天机器人可帮助改进语法、风格和结构。
- 创意头脑风暴 — 为项目、故事、商业名称、礼物创意和创意任务生成灵感。与 AI 对话，自由探索任何主题。
- 编程辅助 — 获取编程帮助 — 调试代码、学习新概念、编写函数并与 AI 一起解决编程挑战。
- 常识百科 — 询问事实性问题、获取复杂主题的解释、翻译文本、总结文章或通过 AI 聊天探索任何学科。
如何免费在线与 AI 聊天
- 打开免费 AI 聊天机器人 — 无需注册、无需下载、无需登录。
- 在聊天框中输入你的问题或消息。你可以用任何语言询问任何主题。
- 获取即时的 AI 生成回复。自然地继续对话 — AI 会记住上下文。
- 如有需要可上传照片 — AI 聊天机器人可以分析图像、解决照片中的问题并描述视觉内容。
我们的 AI 聊天如何工作
我们的免费 AI 聊天机器人由先进的对话式 AI 模型驱动，能够理解自然语言并生成类人回复。与简单的规则型聊天机器人不同，此 AI 聊天保持对话上下文，遵循复杂指令，并根据你的需求调整回复。无论你需要快速回答、详细解释还是创意内容，AI 助手都会处理你的请求并即时提供相关结果。该聊天机器人支持多轮对话、图像分析，并适用于任何主题 — 从学术科目到日常问题。无需账户 — 只需打开页面即可开始与 AI 对话。
AI 聊天机器人常见问题解答
这个 AI 聊天机器人真的免费吗？
是的，我们的 AI 聊天机器人完全免费使用。无需注册、无需信用卡、无隐藏费用。只需打开页面即可立即开始与 AI 聊天。
我可以在不登录的情况下使用 AI 聊天吗？
当然可以。无需登录、无需注册、无需邮箱。AI 聊天专为即时、匿名访问而设计 — 输入问题即可获得答案。
我可以问 AI 什么？
你可以问 AI 任何问题 — 作业问题、写作帮助、编程难题、创意灵感、事实性问题、翻译等。AI 聊天机器人可以处理任何主题。
AI 聊天机器人可以分析照片吗？
是的，你可以上传图片并向 AI 提问。聊天机器人可以解决照片中的数学题、描述图像、读取图片中的文字并协助处理视觉任务。
我与 AI 的对话是私密的吗？
是的。没有账户意味着不会存储个人数据。你与 AI 聊天机器人的对话保持私密，不会与任何人共享。
另请参阅
★★★★★
4.8 (8663 ratings)
<>
.chat-wrapper {
display: flex;
flex-direction: column;
height: 100%;
width: 100%;
overflow: hidden;
}
.thinking-progress-section{
margin-top: 16px;
margin-left: 16px;
}
.chat-container-1 {
display: flex;
flex-direction: column;
flex-grow: 1;
overflow-y: hidden;
}
.chat-messages {
flex-grow: 1;
overflow-y: auto;
padding: 0;
}
.clearfix {
clear: both;
width: 100%;
}
#dynamic-responses-container {
display: flex;
flex-direction: column;
}
#dynamic-responses-container:empty {
margin: 0;
}
#dynamic-responses-container:not(:empty) {
margin-bottom: 24px;
}
@media (max-width: 992px) {
.chat-container {
margin: 0 !important;
}
}
@media (min-width: 993px) {
.chat-container {
margin: 0 !important;
}
}
/* Основной контейнер стартовой страницы */
.chat-start-container {
display: flex;
flex-direction: column;
align-items: center;
gap: 16px;
width: calc(100% - 48px);
border-radius: 12px;
padding: 16px;
margin: 24px;
margin-bottom: 20px;
border: 1px solid rgba(0000.03);
text-align: center;
}
.chat-start-title {
font-size: 22px;
font-weight: 700;
line-height: 1.3;
margin: 0;
}
.chat-avatar-container {
width: 100px;
height: 100px;
border-radius: 50%;
overflow: hidden;
box-shadow: 0 4px 20px rgba(0000.15);
}
.chat-start-avatar {
width: 100%;
height: 100%;
object-fit: cover;
}
.chat-start-description {
font-size: 15px;
opacity: 0.7;
margin: 0;
}
/* Встроенное поле ввода */
.chat-start-input-container {
width: 100%;
display: flex;
flex-direction: column;
gap: 8px;
}
.input-content-wrapper {
display: flex;
flex-direction: column;
width: 100%;
}
.photo-preview-wrapper {
position: relative;
width: 64px;
height: 64px;
border-radius: 12px;
overflow: hidden;
margin-bottom: 8px;
align-self: flex-start;
}
.photo-preview-img {
width: 100%;
height: 100%;
object-fit: cover;
}
.remove-photo-button {
position: absolute;
top: 2px;
right: 2px;
width: 20px;
height: 20px;
border-radius: 50%;
background-color: rgba(0000.7);
color: white;
display: flex;
align-items: center;
justify-content: center;
border: none;
cursor: pointer;
font-size: 10px;
padding: 0;
}
.text-input-area {
width: 100%;
}
.chat-start-textarea {
width: 100%;
border-radius: 12px;
padding: 12px 16px;
font-size: 15px;
line-height: 1.5;
resize: none;
min-height: 72px;
max-height: 192px;
transition: height 0.15s ease;
overflow-y: auto;
background-color: white;
}
.chat-start-textarea:focus {
outline: none;
}
.chat-start-controls {
display: flex;
width: 100%;
justify-content: space-between;
align-items: center;
}
.controls-left-group {
display: flex;
align-items: center;
gap: 8px;
}
.accuracy-badge {
display: flex;
align-items: center;
padding: 6px 12px;
height: 32px;
border-radius: 30px;
background-color: white;
border: 1px solid rgba(0000.1);
font-size: 12px;
gap: 6px;
transition: all 0.3s;
white-space: nowrap;
}
.accuracy-badge.active {
background: linear-gradient(0degrgba(141882460.2) 0%rgba(141882460.2) 100%)white;
color: #8d58f6;
border: 1px solid rgba(141882460.2);
}
.control-round-button {
width: 32px;
height: 32px;
min-width: 32px;
border-radius: 50%;
background-color: white;
border: 1px solid rgba(0000.05);
display: flex;
align-items: center;
justify-content: center;
color: #333;
font-size: 14px;
cursor: pointer;
padding: 0;
}
.send-button-container {
display: flex;
align-items: center;
}
.hidden-input-file {
display: none !important;
}
.disabled-button {
opacity: 0.6 !important;
cursor: not-allowed !important;
}
/* Карточка последнего чата */
.last-chat-card {
background-color: #f2f2f2;
border-radius: 12px;
padding: 16px;
margin: 24px;
margin-bottom: 20px;
border: 1px solid rgba(0000.03);
}
.last-chat-header {
display: flex;
align-items: center;
gap: 8px;
font-size: 13px;
font-weight: 600;
opacity: 0.6;
margin-bottom: 12px;
}
.last-chat-content {
display: flex;
align-items: center;
text-decoration: none;
color: inherit;
padding: 12px;
background-color: white;
border-radius: 12px;
transition: background-color 0.2s;
}
.last-chat-content:hover {
background-color: #f8f8f8;
color: inherit;
text-decoration: none;
}
.last-chat-preview {
flex: 1;
display: flex;
align-items: center;
gap: 8px;
min-width: 0;
}
.last-chat-media-icon {
color: #8d58f6;
font-size: 14px;
flex-shrink: 0;
}
.last-chat-text {
font-size: 14px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.last-chat-time {
font-size: 12px;
opacity: 0.5;
margin-right: 8px;
flex-shrink: 0;
}
.last-chat-arrow {
font-size: 12px;
opacity: 0.4;
flex-shrink: 0;
}
/* Карточка инструментов */
.chat-tools-card {
padding: 16px;
margin: 24px;
margin-bottom: 20px;
background: var(--color-theme);
border-radius: 12px;
}
.chat-tools-card h2 {
font-size: 22px;
font-weight: 700;
margin-bottom: 16px;
color: var(--color-theme);
}
/* Адаптив для мобильных */
@media (max-width: 576px) {
.chat-start-container {
margin: 0px;
width: 100%;
padding: 12px;
}
.chat-start-title {
font-size: 18px;
}
.last-chat-card {
margin: 0px;
margin-top: 16px;
width: 100%;
padding: 12px;
}
.chat-tools-card {
margin: 0px;
margin-top: 16px;
width: 100%;
padding: 12px;
}
.chat-tools-card h2 {
font-size: 18px;
}
}
/* Темная тема */
.theme-dark .chat-start-container {
background-color: #2a2a2a;
border-color: #333;
}
.theme-dark .chat-start-textarea {
background-color: white;
color: #333;
}
.theme-dark .control-round-button {
background-color: #1e1e1e;
border-color: #333;
color: #eee;
}
.theme-dark .accuracy-badge {
background-color: #1e1e1e;
border-color: #333;
color: #eee;
}
.theme-dark .accuracy-badge.active {
background: linear-gradient(0degrgba(141882460.2) 0%rgba(141882460.2) 100%)#1e1e1e;
color: #8d58f6;
}
.theme-dark .last-chat-card {
background-color: #2a2a2a;
border-color: #333;
}
.theme-dark .last-chat-content {
background-color: #1e1e1e;
color: #eee;
}
.theme-dark .last-chat-content:hover {
background-color: #252525;
color: #eee;
}
文本已复制
完成
错误
×
![]()
您的余额:
0
<>
.currency-selector-wrapper {
display: flex;
align-items: center;
justify-content: flex-end;
gap: 8px;
padding: 0 4px;
}
.currency-selector-label {
font-size: 14px;
opacity: 0.7;
margin: 0;
}
.currency-selector {
background: rgba(2462462461);
border: none;
border-radius: 8px;
padding: 6px 32px 6px 12px;
font-size: 14px;
font-weight: 500;
color: #333;
min-width: 100px;
height: 36px;
cursor: pointer;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
background-repeat: no-repeat;
background-position: right 8px center;
background-size: 16px;
}
.currency-selector:focus {
outline: none;
}
.theme-dark .currency-selector {
background: rgba(5555551) url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e") no-repeat right 8px center / 16px !important;
background-color: rgba(5555551) !important;
color: #fff !important;
border-color: rgba(2552552550.4) !important;
}
.theme-dark .currency-selector-label {
color: #fff;
}
<>
/* Промо-блок */
.promo-block {
border-radius: 10px;
padding: 12px 16px;
color: white;
margin-bottom: 4px;
display: flex;
align-items: center;
line-height: 1.2;
min-height: 56px;
}
.promo-block.promo-spring {
background: linear-gradient(135deg#43b581#2d8f63);
}
.promo-block .font-13 {
line-height: 1.2;
text-align: left;
}
.promo-text-wrapper {
display: flex;
align-items: center;
text-align: left;
}
.promo-text-wrapper .fas {
margin-inline-end: 10px;
}
.currency-selector-wrapper {
margin-bottom: 8px;
}
/* Блок товара */
.shop-item {
background: rgba(2462462461);
border-radius: 8px;
padding: 8px 16px;
margin-bottom: 4px;
display: flex;
align-items: center;
justify-content: space-between;
min-height: 56px;
cursor: pointer;
transition: opacity 0.2s ease;
}
.shop-item:hover {
opacity: 0.9;
}
.shop-item img {
margin-right: 8px;
}
/* Энергия */
.energy-display {
display: flex;
align-items: center;
gap: 6px;
}
.base-energy {
display: flex;
align-items: center;
font-size: 18px;
font-weight: 600;
color: #333;
min-width: 65px;
}
.base-energy .fa-bolt {
font-size: 14px;
margin-right: 4px;
color: #FFBB1F;
}
.energy-plus {
color: #333;
font-weight: 600;
font-size: 16px;
}
/* Красный бабл без иконки подарка */
.bonus-energy-bubble {
background: linear-gradient(135deg#ff6b6b#ff4757);
color: white;
padding: 4px 8px;
border-radius: 12px;
display: flex;
align-items: center;
font-size: 14px;
font-weight: 600;
box-shadow: 0 2px 4px rgba(2551071070.3);
}
.energy-group {
display: flex;
align-items: center;
}
.energy-group .fa-bolt {
font-size: 12px;
margin-right: 2px;
color: white;
}
/* Кнопка цены */
.shop-button {
background: transparent;
border: none;
padding: 0;
font-size: 16px;
line-height: 24px;
color: rgba(0000.5);
text-decoration: none;
font-weight: 400;
text-align: center;
min-width: 80px;
pointer-events: none;
}
/* Prime блок */
.prime-item {
background: rgba(2462462461);
border-radius: 8px;
padding: 8px 16px;
margin-bottom: 4px;
display: flex;
align-items: center;
justify-content: space-between;
min-height: 56px;
cursor: pointer;
transition: opacity 0.2s ease;
text-decoration: none;
}
.prime-item:hover {
opacity: 0.9;
text-decoration: none;
}
.prime-icon {
width: 54px;
height: 36px;
display: flex;
align-items: center;
justify-content: flex-start;
margin-left: 8px;
flex-shrink: 0;
}
.prime-icon i {
font-size: 24px;
color: gold;
}
.prime-energy {
display: flex;
align-items: center;
font-size: 18px;
font-weight: 600;
color: #333;
}
.prime-energy .fa-bolt {
font-size: 14px;
margin: 0 4px;
color: #FFBB1F;
}
.prime-text {
font-size: 14px;
line-height: normal;
color: #333;
margin-left: 6px;
}
/* Prime бонус в пакете энергии */
.shop-item-wrapper {
display: flex;
flex-direction: column;
width: 100%;
}
.shop-item.has-prime-bonus {
flex-wrap: wrap;
padding-bottom: 6px;
}
.prime-bonus-line {
display: flex;
align-items: center;
font-size: 14px;
line-height: normal;
color: #333;
width: 100%;
padding-left: 62px;
margin-top: 2px;
}
.prime-bonus-line .plus-sign {
margin-right: 4px;
}
.prime-days-group {
display: inline-flex;
align-items: center;
}
.prime-days-group .fa-gem {
font-size: 12px;
color: gold;
margin-right: 3px;
}
.prime-bonus-line .prime-daily-info {
color: rgba(0000.5);
margin-left: 4px;
}
.daily-energy {
display: inline-flex;
align-items: center;
}
.daily-energy .fa-bolt {
font-size: 11px;
color: #FFBB1F;
margin-right: -1px !important;
}
/* Нижние блоки */
.bottom-blocks {
margin-top: 24px;
}
.info-block {
background: rgba(2462462461);
border-radius: 8px;
padding: 8px 16px;
margin-bottom: 4px;
display: flex;
align-items: center;
text-decoration: none;
cursor: pointer;
transition: opacity 0.2s ease;
min-height: 44px;
}
.info-block:hover {
opacity: 0.9;
text-decoration: none;
}
.info-block-icon {
width: 28px;
height: 28px;
border-radius: 6px;
padding: 2px;
display: flex;
align-items: center;
justify-content: center;
margin-right: 8px;
flex-shrink: 0;
}
.info-block-text {
color: rgba(0001);
font-size: 14px;
line-height: 1.2;
text-align: left;
}
/* Тёмная тема */
.theme-dark .shop-item,
.theme-dark .prime-item,
.theme-dark .info-block {
background: #2a2d35;
}
.theme-dark .prime-energy,
.theme-dark .prime-text,
.theme-dark .prime-bonus-line,
.theme-dark .shop-button,
.theme-dark .info-block-text {
color: #fff;
}
.theme-dark .prime-bonus-line .prime-daily-info {
color: rgba(2552552550.5);
}
.theme-dark .info-block-icon .fa-apple {
color: #fff !important;
}
春季特惠 — 每次购买均有赠礼！
99
+
3
99
+
3
99
+
3
135
+
35
135
+
35
135
+
35
249
+
136
249
+
136
249
+
136
499
+
351
+
3 天 Prime
(+30/天)
499
+
351
+
3 天 Prime
(+30/天)
499
+
351
+
3 天 Prime
(+30/天)
1070
+
1060
+
5 天 Prime
(+30/天)
1070
+
1060
+
5 天 Prime
(+30/天)
1070
+
1060
+
5 天 Prime
(+30/天)
30
每日恢复
<>
.theme-dark .list-custom-small a.color-highlight span:not(.badge) {
color: #8D58F6 !important;
}
商店春季大促开启！
账户
客服支持
系统
将 Homiwork 添加到主屏幕
1. 点击“分享”按钮
2. 选择“添加到主屏幕”
3. 点击“添加”
能量不足 😕
您需要充值余额
您的余额:
0
<>
.currency-selector-wrapper {
display: flex;
align-items: center;
justify-content: flex-end;
gap: 8px;
padding: 0 4px;
}
.currency-selector-label {
font-size: 14px;
opacity: 0.7;
margin: 0;
}
.currency-selector {
background: rgba(2462462461);
border: none;
border-radius: 8px;
padding: 6px 32px 6px 12px;
font-size: 14px;
font-weight: 500;
color: #333;
min-width: 100px;
height: 36px;
cursor: pointer;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
background-repeat: no-repeat;
background-position: right 8px center;
background-size: 16px;
}
.currency-selector:focus {
outline: none;
}
.theme-dark .currency-selector {
background: rgba(5555551) url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e") no-repeat right 8px center / 16px !important;
background-color: rgba(5555551) !important;
color: #fff !important;
border-color: rgba(2552552550.4) !important;
}
.theme-dark .currency-selector-label {
color: #fff;
}
<>
/* Промо-блок */
.promo-block {
border-radius: 10px;
padding: 12px 16px;
color: white;
margin-bottom: 4px;
display: flex;
align-items: center;
line-height: 1.2;
min-height: 56px;
}
.promo-block.promo-spring {
background: linear-gradient(135deg#43b581#2d8f63);
}
.promo-block .font-13 {
line-height: 1.2;
text-align: left;
}
.promo-text-wrapper {
display: flex;
align-items: center;
text-align: left;
}
.promo-text-wrapper .fas {
margin-inline-end: 10px;
}
.currency-selector-wrapper {
margin-bottom: 8px;
}
/* Блок товара */
.shop-item {
background: rgba(2462462461);
border-radius: 8px;
padding: 8px 16px;
margin-bottom: 4px;
display: flex;
align-items: center;
justify-content: space-between;
min-height: 56px;
cursor: pointer;
transition: opacity 0.2s ease;
}
.shop-item:hover {
opacity: 0.9;
}
.shop-item img {
margin-right: 8px;
}
/* Энергия */
.energy-display {
display: flex;
align-items: center;
gap: 6px;
}
.base-energy {
display: flex;
align-items: center;
font-size: 18px;
font-weight: 600;
color: #333;
min-width: 65px;
}
.base-energy .fa-bolt {
font-size: 14px;
margin-right: 4px;
color: #FFBB1F;
}
.energy-plus {
color: #333;
font-weight: 600;
font-size: 16px;
}
/* Красный бабл без иконки подарка */
.bonus-energy-bubble {
background: linear-gradient(135deg#ff6b6b#ff4757);
color: white;
padding: 4px 8px;
border-radius: 12px;
display: flex;
align-items: center;
font-size: 14px;
font-weight: 600;
box-shadow: 0 2px 4px rgba(2551071070.3);
}
.energy-group {
display: flex;
align-items: center;
}
.energy-group .fa-bolt {
font-size: 12px;
margin-right: 2px;
color: white;
}
/* Кнопка цены */
.shop-button {
background: transparent;
border: none;
padding: 0;
font-size: 16px;
line-height: 24px;
color: rgba(0000.5);
text-decoration: none;
font-weight: 400;
text-align: center;
min-width: 80px;
pointer-events: none;
}
/* Prime блок */
.prime-item {
background: rgba(2462462461);
border-radius: 8px;
padding: 8px 16px;
margin-bottom: 4px;
display: flex;
align-items: center;
justify-content: space-between;
min-height: 56px;
cursor: pointer;
transition: opacity 0.2s ease;
text-decoration: none;
}
.prime-item:hover {
opacity: 0.9;
text-decoration: none;
}
.prime-icon {
width: 54px;
height: 36px;
display: flex;
align-items: center;
justify-content: flex-start;
margin-left: 8px;
flex-shrink: 0;
}
.prime-icon i {
font-size: 24px;
color: gold;
}
.prime-energy {
display: flex;
align-items: center;
font-size: 18px;
font-weight: 600;
color: #333;
}
.prime-energy .fa-bolt {
font-size: 14px;
margin: 0 4px;
color: #FFBB1F;
}
.prime-text {
font-size: 14px;
line-height: normal;
color: #333;
margin-left: 6px;
}
/* Prime бонус в пакете энергии */
.shop-item-wrapper {
display: flex;
flex-direction: column;
width: 100%;
}
.shop-item.has-prime-bonus {
flex-wrap: wrap;
padding-bottom: 6px;
}
.prime-bonus-line {
display: flex;
align-items: center;
font-size: 14px;
line-height: normal;
color: #333;
width: 100%;
padding-left: 62px;
margin-top: 2px;
}
.prime-bonus-line .plus-sign {
margin-right: 4px;
}
.prime-days-group {
display: inline-flex;
align-items: center;
}
.prime-days-group .fa-gem {
font-size: 12px;
color: gold;
margin-right: 3px;
}
.prime-bonus-line .prime-daily-info {
color: rgba(0000.5);
margin-left: 4px;
}
.daily-energy {
display: inline-flex;
align-items: center;
}
.daily-energy .fa-bolt {
font-size: 11px;
color: #FFBB1F;
margin-right: -1px !important;
}
/* Нижние блоки */
.bottom-blocks {
margin-top: 24px;
}
.info-block {
background: rgba(2462462461);
border-radius: 8px;
padding: 8px 16px;
margin-bottom: 4px;
display: flex;
align-items: center;
text-decoration: none;
cursor: pointer;
transition: opacity 0.2s ease;
min-height: 44px;
}
.info-block:hover {
opacity: 0.9;
text-decoration: none;
}
.info-block-icon {
width: 28px;
height: 28px;
border-radius: 6px;
padding: 2px;
display: flex;
align-items: center;
justify-content: center;
margin-right: 8px;
flex-shrink: 0;
}
.info-block-text {
color: rgba(0001);
font-size: 14px;
line-height: 1.2;
text-align: left;
}
/* Тёмная тема */
.theme-dark .shop-item,
.theme-dark .prime-item,
.theme-dark .info-block {
background: #2a2d35;
}
.theme-dark .prime-energy,
.theme-dark .prime-text,
.theme-dark .prime-bonus-line,
.theme-dark .shop-button,
.theme-dark .info-block-text {
color: #fff;
}
.theme-dark .prime-bonus-line .prime-daily-info {
color: rgba(2552552550.5);
}
.theme-dark .info-block-icon .fa-apple {
color: #fff !important;
}
春季特惠 — 每次购买均有赠礼！
99
+
3
99
+
3
99
+
3
135
+
35
135
+
35
135
+
35
249
+
136
249
+
136
249
+
136
499
+
351
+
3 天 Prime
(+30/天)
499
+
351
+
3 天 Prime
(+30/天)
499
+
351
+
3 天 Prime
(+30/天)
1070
+
1060
+
5 天 Prime
(+30/天)
1070
+
1060
+
5 天 Prime
(+30/天)
1070
+
1060
+
5 天 Prime
(+30/天)
30
每日恢复
