/* 云端AI: same base styles as the main site, purple accent. */
:root { --primary: #7c3aed; --primary-soft: #f1eafe; }
.ai-hero .grad { background: linear-gradient(90deg, #7c3aed, #2563eb); -webkit-background-clip: text; background-clip: text; color: transparent; }
.ai-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 0; border-top: 1px solid var(--border); }
code { background: var(--bg-soft); padding: 2px 6px; border-radius: 6px; word-break: break-all; }
.usage-bars { display: flex; align-items: flex-end; gap: 4px; height: 140px; padding: 8px 0; overflow-x: auto; }
.usage-bar { flex: 1 0 18px; height: 100%; display: flex; flex-direction: column; justify-content: flex-end; align-items: center; }
.usage-bar div { width: 100%; background: var(--primary); border-radius: 4px 4px 0 0; }
.usage-bar small { font-size: 10px; color: var(--text-sub); margin-top: 2px; white-space: nowrap; }
.chat-log { max-height: 360px; overflow-y: auto; display: flex; flex-direction: column; gap: 8px; margin: 10px 0; }
.chat-msg { padding: 10px 12px; border-radius: 10px; white-space: pre-wrap; line-height: 1.6; max-width: 90%; }
.chat-user { align-self: flex-end; background: var(--primary-soft); }
.chat-assistant { align-self: flex-start; background: var(--bg-soft); }
.chat-error { color: #b91c1c; }
.chat-form { display: flex; gap: 8px; align-items: flex-end; }
.chat-form textarea { flex: 1; padding: 10px; border: 1px solid var(--border); border-radius: 10px; background: var(--bg); color: var(--text); font: inherit; resize: vertical; }
.field select { padding: 9px 10px; border: 1px solid var(--border); border-radius: 10px; background: var(--bg); color: var(--text); }
.faq { border-top: 1px solid var(--border); padding: 10px 0; }
.faq summary { cursor: pointer; font-weight: 600; }
.faq p { margin: 8px 0 0; color: var(--text-sub); }