ai { /* 核心变量：天际青蓝·云海配色 */ --sky-bg: rgba(18, 32, 54, 0.62); /* 深空青蓝 */ --glass-bg: linear-gradient(135deg, rgba(255,255,255,0.10) 0%, rgba(255,255,255,0.03) 100%); --glass-border: rgba(160, 210, 255, 0.18); --text-main: #e5eefb; --text-muted: #9db3cf; --accent-blue: #4fc3ff; --accent-glow: rgba(79, 195, 255, 0.45); --system-cyan: #54e0ff; /* 系统终端荧光青 */ --system-glow: rgba(84, 224, 255, 0.35); --chat-warm: #ffd9a0; /* 聊天暖纸条 */ --danger: #ff8f5c; /* 暖橙·仅警告 */ --wind-line: linear-gradient(90deg, transparent, var(--accent-blue), transparent); display: block; font-family: system-ui, -apple-system, sans-serif; color: var(--text-main); font-size: 14px; line-height: 1.5; margin: 0; padding: 0; }

/* 顶部环境胶囊 */ ai hd { display: block; text-align: center; background: var(--glass-bg); border: 1px solid var(--glass-border); border-radius: 20px; padding: 6px 12px; margin: 0 0 12px 0; font-size: 13px; font-weight: 600; color: var(--accent-blue); box-shadow: 0 4px 12px rgba(0,0,0,0.2); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); animation: float-breath 4s ease-in-out infinite; }

ai article { display: block; font-size: 15px; color: #f2f7ff; margin-bottom: 16px; line-height: 1.6; background: rgba(18, 32, 54, 0.45); border: 1px solid var(--glass-border); border-radius: 12px; padding: 16px; backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); }
ai article p { margin: 0 0 10px 0; }

/* 主终端面板 */ ai > details { background: var(--sky-bg); border: 1px solid var(--glass-border); border-radius: 12px; padding: 12px; box-shadow: 0 8px 24px rgba(0,0,0,0.3), inset 0 1px 0 rgba(255,255,255,0.1); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); }

/* 折叠头部 */ ai details > summary { list-style: none; cursor: pointer; font-weight: 700; font-size: 15px; color: #fff; padding-bottom: 8px; border-bottom: 1px solid var(--glass-border); margin-bottom: 8px; display: flex; align-items: center; user-select: none; }
ai details > summary::-webkit-details-marker { display: none; }
ai details > summary::before { content: "⯈"; color: var(--accent-blue); font-size: 12px; margin-right: 8px; transition: transform 0.3s ease; }
ai details[open] > summary::before { transform: rotate(90deg); }

/* 区块标题 */ ai t { display: block; font-size: 13px; font-weight: 600; color: var(--accent-blue); margin: 12px 0 6px 0; padding-left: 8px; position: relative; }
ai t::before { content: ""; position: absolute; left: 0; top: 10%; height: 80%; width: 3px; background: var(--accent-blue); border-radius: 2px; box-shadow: 0 0 8px var(--accent-glow); }
ai t::after { content: ""; display: block; width: 100%; height: 1px; background: var(--wind-line); margin-top: 4px; opacity: 0.5; }

/* 基础数据行 */ ai p { margin: 0; padding: 0; }
ai d { display: block; padding: 4px 6px; border-bottom: 1px dashed rgba(255,255,255,0.08); }
ai d:last-child { border-bottom: none; }
ai d b { color: var(--accent-blue); }

/* 双列紧凑布局 */ ai .grid-2 { display: grid; grid-template-columns: repeat(2, 1fr); gap: 4px 8px; }
ai .grid-2 d { border-bottom: none; background: rgba(255,255,255,0.03); border-radius: 6px; padding: 4px 8px; font-size: 13px; }

/* 内嵌折叠面板 */ ai details details { background: rgba(0,0,0,0.2); border-left: 2px solid var(--glass-border); border-radius: 0 6px 6px 0; margin: 6px 0; padding: 6px 10px; }
ai details details > summary { border-bottom: none; padding-bottom: 0; margin-bottom: 4px; font-size: 13px; font-weight: normal; color: var(--text-muted); }
ai details details[open] > summary { border-bottom: 1px dashed var(--glass-border); padding-bottom: 4px; }

/* 行动建议 */ ai .act d { background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.05); border-radius: 6px; margin-bottom: 6px; padding: 8px 10px; transition: all 0.2s ease; cursor: pointer; }
ai .act d:hover { background: rgba(79,195,255,0.16); border-color: var(--accent-blue); transform: translateX(6px); box-shadow: -4px 0 12px var(--accent-glow); color: #fff; }

/* 呼吸流光 */ @keyframes float-breath { 0%,100% { box-shadow: 0 4px 12px rgba(0,0,0,0.2); border-color: var(--glass-border); } 50% { box-shadow: 0 4px 16px var(--accent-glow); border-color: rgba(79,195,255,0.4); } }

/* ====== 系统提示：荧光青·冷终端（替换原红底） ====== */ sys { display: block; background: linear-gradient(135deg, rgba(84,224,255,0.12) 0%, rgba(84,224,255,0.03) 100%); border: 1px solid rgba(84,224,255,0.35); border-left: 4px solid var(--system-cyan); color: var(--system-cyan); padding: 10px 15px; margin: 10px 0; font-family: "SF Mono", "Consolas", "Courier New", monospace; /* 等宽更终端感 */ font-size: 13px; letter-spacing: 0.3px; border-radius: 6px; box-shadow: inset 0 0 12px rgba(84,224,255,0.06), 0 0 8px rgba(84,224,255,0.10); text-shadow: 0 0 6px rgba(84,224,255,0.35); }

/* 系统提示里的警告/危险关键词：暖橙闪烁（仅在内容带危险/淘汰/警惕时才显眼） */ sys:has(+ sys), sys + sys :hover { }

/* ====== 聊天面板：暖色纸条（人声，冷系统形成对比） ====== */ chat { display: block; background: rgba(255,217,160,0.07); border: 1px solid rgba(255,217,160,0.30); border-left: 3px solid rgba(255,217,160,0.7); color: var(--chat-warm); padding: 8px 12px; margin: 8px 0; border-radius: 6px; font-family: sans-serif; }

/* 系统危险事件专用（淘汰/天灾/死亡/警惕）—— 由AI输出时自带标识，CSS按需套用 */ sys[data-danger] { background: rgba(255,143,92,0.10); border-color: rgba(255,143,92,0.4); border-left-color: var(--danger); color: var(--danger); text-shadow: 0 0 6px rgba(255,143,92,0.4); box-shadow: inset 0 0 12px rgba(255,143,92,0.08); }