*{margin:0;padding:0;box-sizing:border-box}html,body,#app{height:100%}.page{max-width:640px;margin:0 auto;min-height:100%;background:#f5f6fa;display:flex;flex-direction:column}.header{background:#1d2b64;color:#fff;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:10}.header .title{font-size:16px;font-weight:600}.header .sub{font-size:11px;opacity:.8}.content{flex:1;padding:12px;overflow-y:auto}.card{background:#fff;border-radius:10px;padding:14px;margin-bottom:10px;box-shadow:0 1px 4px #0000000d}.agent-item{display:flex;align-items:center;gap:12px}.agent-avatar{width:44px;height:44px;border-radius:10px;background:linear-gradient(135deg,#3b6fd4,#1d2b64);color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.agent-info{flex:1;min-width:0}.agent-name{font-size:15px;font-weight:600}.agent-tasks{font-size:11px;color:#909399;margin-top:3px}.arrow{color:#c0c4cc;font-size:16px}.chat-box{flex:1;overflow-y:auto;padding:14px}.msg{margin-bottom:14px;display:flex;gap:8px}.msg.user{justify-content:flex-end}.msg .bubble{max-width:78%;padding:10px 12px;border-radius:10px;font-size:14px;line-height:1.6;white-space:pre-wrap;word-break:break-word}.msg.user .bubble{background:#3b6fd4;color:#fff;border-top-right-radius:2px}.msg.ai .bubble{background:#fff;border-top-left-radius:2px;box-shadow:0 1px 3px #0000000f}.msg .meta{font-size:10px;color:#b0b3bc;margin-top:4px}.chat-input{display:flex;gap:8px;padding:10px 12px;background:#fff;border-top:1px solid #eee;position:sticky;bottom:0}.chat-input input{flex:1;border:1px solid #dcdfe6;border-radius:20px;padding:9px 14px;font-size:14px;outline:none}.chat-input button{border:none;background:#3b6fd4;color:#fff;border-radius:20px;padding:0 18px;font-size:14px}.chat-input button:disabled{background:#a0cfff}.retrieved{margin-top:8px;padding:8px;background:#f5f7fa;border-radius:8px;font-size:12px;color:#606266}.retrieved .doc{margin-bottom:4px;color:#3b6fd4}.login-box{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:30px}.login-box .logo{width:72px;height:72px;border-radius:18px;background:linear-gradient(135deg,#3b6fd4,#1d2b64);color:#fff;display:flex;align-items:center;justify-content:center;font-size:32px}.login-btn{width:100%;max-width:280px;padding:12px;border:none;border-radius:24px;background:#3b6fd4;color:#fff;font-size:15px}.loading{text-align:center;color:#909399;padding:40px 0;font-size:14px}.empty{text-align:center;color:#909399;padding:50px 0;font-size:14px}.agent-detail{background:#fff;border-radius:10px;padding:14px;margin-bottom:12px;box-shadow:0 1px 4px #0000000d}.agent-detail h3{font-size:16px;margin-bottom:8px}.agent-detail .desc{font-size:13px;color:#606266;line-height:1.7}.tag{display:inline-block;background:#ecf5ff;color:#3b6fd4;border-radius:4px;font-size:11px;padding:2px 6px;margin:0 4px 4px 0}