body{background:#0b0e1a;color:#e9ecff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,PingFang SC,Noto Sans CJK SC,sans-serif;margin:0;padding:0;}
.chat-container{max-width:600px;margin:40px auto;background:rgba(255,255,255,0.05);border-radius:12px;border:1px solid rgba(255,255,255,0.15);box-shadow:0 8px 30px rgba(0,0,0,0.4);overflow:hidden;}
.chat-header{background:#151829;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,0.1);font-weight:bold;color:#7aa2ff;}
.chat-box{height:420px;overflow-y:auto;padding:12px 16px;font-size:15px;line-height:1.6;}
.msg{margin-bottom:12px;padding:10px 12px;border-radius:10px;background:rgba(255,255,255,0.06);word-wrap:break-word;}
.msg.user{background:rgba(122,162,255,0.2);color:#fff;}
.msg.ai{background:rgba(32,209,166,0.2);color:#e9fff6;}
.msg.system{background:rgba(255,255,255,0.1);color:#ccc;font-size:14px;}
.msg.thinking{opacity:0.7;font-style:italic;}
.clue{color:#20d1a6;font-weight:bold;}
#chat-form{display:flex;gap:8px;border-top:1px solid rgba(255,255,255,0.1);padding:10px 12px;background:#151829;}
#chat-form input[type=text]{flex:1;border:1px solid rgba(255,255,255,0.2);border-radius:8px;background:#0b0e1a;color:#fff;padding:8px 10px;}
#chat-form button{background:#7aa2ff;color:#0b0e1a;border:none;border-radius:8px;padding:8px 14px;font-weight:700;cursor:pointer;}
#chat-form button:hover{background:#9bb8ff;}
.back{display:inline-block;margin:10px 16px;color:#7aa2ff;text-decoration:none;font-size:14px;}
.back:hover{text-decoration:underline;}