/* ====== 原始样式（已还原 & 兼容重构类名） ====== */

body {
	margin: 0;
	padding: 0;
	min-height: 100vh;
	font-family: "Segoe UI", Arial, sans-serif;
	background: linear-gradient(135deg, #0f1535 60%, #1ec6e6 100%);
	color: #fff;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.error {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: flex;
	z-index: 99999;
	align-items: center;
	justify-content: center;
	background: rgba(0, 0, 0, 0.7);
}

.error-content {
	padding: 30px;
	line-height: 1.5;
	overflow: auto;
	font-size: 20px;
	color: #fff;
	background: rgba(0, 0, 0, 0.8);
	border-radius: 10px;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5);
	max-width: 750px;
	text-align: center;
	width: 100%;
	box-sizing: border-box;
}
/* 兼容旧/新背景容器名 */
.container,
.layout {
	width: 100%;
	max-width: 400px;
	margin: 0 auto;
	padding: 32px 16px 0 16px;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	align-items: center;
	background: url("../picture/bg.gif");
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

/* 机器人占位（兼容 robimg / robot-img / .robot-img） */
.robimg,
.robot-img {
	width: 160px;
	height: 160px;
	object-fit: contain;
	background: none;
	display: flex;
	align-items: center;
	justify-content: center;
}

/* modal / popup 初始隐藏，位置、遮罩与原版一致 */
.ai-modal,
.popup {
	display: none;
	position: fixed;
	top: 200px;
	left: 0;
	width: 100vw;
	height: 100vh;
	z-index: 9999;
	background: rgba(0,0,0,0.7);
	box-sizing: border-box;
	overflow: auto;
}

/* 内部进度卡片：原 pro-box 样式 */
.pro-box,
.progress-card {
	background: rgb(5 16 26);
	border-radius: 12px;
	padding: 32px 18px;
	max-width: 340px;
	margin: 60px auto;
	color: #fff;
	box-shadow: 0 4px 24px rgba(0,0,0,0.18);
}

/* 进度标题 */
.title,
.progress-title {
	font-size: 20px;
	font-weight: bold;
	display:flex;
	align-items:center;
	gap:10px;
	margin-bottom:18px;
	color:#fff;
}

/* 进度条容器 */
.progress-box,
.progress-list {
	width:100%;
}

/* 单条进度项 */
.item,
.bar-box {
	margin-bottom: 12px;
}

/* 小标题 */
.i-title,
.bar-label {
	font-size: 15px;
	color: #fff;
	margin-bottom: 6px;
	display: block;
}

/* 轨道 */
.layui-progress,
.bar-track {
	background: #eee;
	border-radius: 8px;
	height: 16px;
	overflow: hidden;
	box-sizing: border-box;
}

/* 填充条 */
.layui-progress-bar,
.bar-fill {
	width: 0%;
	background: #00dcf4;
	height: 100%;
	border-radius: 8px;
	transition: width 0.18s linear;
}

/* 页面卡片 */
.card,
.info-card {
	background: rgba(20, 30, 60, 0.95);
	border-radius: 18px;
	padding: 20px 18px;
	width: 100%;
	box-sizing: border-box;
	box-shadow: 0 4px 24px rgba(0, 0, 0, 0.18);
	margin-top: 248px;
}

/* 结果区域：还原为原来的 result-box */
.result-box,
.result-card {
	background: rgb(5 16 26);
	border-radius: 12px;
	padding: 32px 18px;
	max-width: 340px;
	margin: 60px auto;
	color: #fff;
	box-shadow: 0 4px 24px rgba(0, 0, 0, 0.18);
}

/* 页脚 */
.footer,
.site-footer {
	width:100%;
	max-width:400px;
	margin:10px auto 0 auto;
	padding:0 16px 24px 16px;
	box-sizing:border-box;
	text-align:center;
	font-size:0.92rem;
	color:#3eeaff;
}
.site-footer a{
	color:#3eeaff;
	text-decoration: underline;
	margin: 0 8px;
}

/* cookie banner 兼容 id */
#cookie-banner,
#cookie-box {
	display:flex;
	align-items:center;
	justify-content:center;
	position:fixed;
	left:0;
	right:0;
	bottom:0;
	z-index:999;
	background:rgba(20,30,60,0.98);
	color:#fff;
	padding:14px 12px;
	font-size:0.98rem;
	box-shadow:0 -2px 12px rgba(0,0,0,0.13);
}
.form-tip{
	color: #c3c0bb;
    margin-bottom: 12px;
    font-size: 15px;
    text-align: center;
}

/* cookie 按钮 */
#cookie-banner button,
#cookie-box button {
	margin-left:16px;
	padding:7px 18px;
	border:none;
	border-radius:16px;
	background:linear-gradient(90deg,#1ec6e6 0%,#3eeaff 100%);
	color:#fff;
	font-weight:600;
	cursor:pointer;
}

/* 精准度等文案 */
.accuracy {
	font-size: 1.1rem;
	margin-bottom: 10px;
	color: #fff;
}

.accuracy .percent {
	color: #ffa200;
	font-weight: bold;
	font-size: 1.3rem;
}

.desc {
	font-size: 1rem;
	color: #b8c6e0;
	margin-bottom: 6px;
}

.desc .highlight {
	color: #ffa200;
	font-weight: 500;
	text-decoration: underline;
	cursor: pointer;
	font-size: 1.3rem;
}

/* 输入区：恢复 100% 宽度（和原始行为一致） */
.input-group,
.form-box {
	width: 100%;
	margin-bottom: 18px;
}

.input-group input,
.form-box input,
#text1,
#stock-input {
	width: 100%;
	padding: 14px 12px;
	border-radius: 8px;
	border: none;
	background: #232b45;
	color: #b8c6e0;
	font-size: 1rem;
	outline: none;
	margin-bottom: 0;
	box-sizing: border-box;
	text-align: center;
}

/* 按钮（保留原来呼吸动画与阴影） */
.btn,
.main-btn,
.action-btn {
	width: 100%;
	padding: 14px 0;
	border: none;
	border-radius: 24px;
	background: linear-gradient(90deg, #1ec6e6 0%, #25a4e9 100%);
	color: #fff;
	font-size: 1.1rem;
	font-weight: 600;
	cursor: pointer;
	transition: background 0.2s;
	margin-top: 8px;
	box-shadow: 0 2px 8px rgba(30, 198, 230, 0.18);
	animation: btn-breath 1.8s ease-in-out infinite;
}

/* 第二个按钮样式（兼容 .btn2 / .main-btn.secondary） */
.btn2,
.main-btn.secondary {
	margin-top: 15px;
}

/* 按钮呼吸 keyframes */
@keyframes btn-breath {
	0% {
		box-shadow: 0 2px 16px 0 rgba(30, 198, 230, 0.25),
		0 2px 8px rgba(30, 198, 230, 0.18);
		transform: scale(1);
	}
	50% {
		box-shadow: 0 4px 32px 0 rgba(30, 198, 230, 0.38),
		0 2px 16px rgba(30, 198, 230, 0.22);
		transform: scale(1.04);
	}
	100% {
		box-shadow: 0 2px 16px 0 rgba(30, 198, 230, 0.25),
		0 2px 8px rgba(30, 198, 230, 0.18);
		transform: scale(1);
	}
}

/* #chat-btn 呼吸（保持原色与动画） */
#chat-btn {
	animation: breath 1.6s ease-in-out infinite;
}

@keyframes breath {
	0% {
		box-shadow: 0 2px 12px 0 #15a22333;
		transform: scale(1);
	}
	50% {
		box-shadow: 0 6px 24px 0 #15a22355;
		transform: scale(1.04);
	}
	100% {
		box-shadow: 0 2px 12px 0 #15a22333;
		transform: scale(1);
	}
}

/* 小屏样式（与原来一致） */
@media (max-width: 480px) {
	.container,
	.layout {
		padding: 18px 4px 0 4px;
	}

	.robimg,
	.robot-img {
		width: 120px;
		height: 120px;
	}

	.title,
	.progress-title {
		font-size: 2rem;
		text-align: center;
		margin-bottom: 0;
	}
}

/* 错误遮罩（保留） */
.error {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: flex;
	z-index: 99999;
	text-align: center;
	align-items: center;
	justify-content: center;
	background: rgba(0, 0, 0, 0.7);
}
.error-content {
	padding: 30px;
	line-height: 1.5;
	word-break: break-all;
	overflow: auto;
	font-size: 18px;
	color: #fff;
	background: rgba(0, 0, 0, 0.8);
	border-radius: 10px;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5);
	max-width: 80%;
	width: 100%;
}
/* 代码高亮（highlight-code） */
.highlight-code {
  background: #1e1e1e;   /* 深色背景 */
  color: #d4d4d4;        /* 主文字颜色 */
  padding: 12px;
  border-radius: 8px;
  font-family: "Courier New", monospace;
  font-size: 14px;
  overflow-x: auto;
}
.highlight-code .keyword { color: #569cd6; }
.highlight-code .string { color: #ce9178; }
.highlight-code .number { color: #b5cea8; }
.highlight-code .comment { color: #6a9955; font-style: italic; }

/* 分析标题（progress-title） */
.progress-title {
  font-size: 20px;
  font-weight: bold;
  color: #00e5ff;   /* 青色高亮 */
  margin-bottom: 20px;
  text-align: center;
}

/* 在线人数（viewer-count） */
#viewer-count {
  color: #ffcc00;   /* 黄色醒目 */
  font-weight: 500;
  margin-top: 10px;
  text-align: center;
}