.chat{padding:24px;max-width:800px;margin:0 auto}.chat__helloRow{margin-bottom:16px}.chat__proactiveBtn{margin-left:8px}.chat__result{margin-left:12px}.chat__messages{border:1px solid #ddd;border-radius:8px;height:420px;overflow-y:auto;padding:12px;margin-bottom:12px;background:#fafafa}.chat__empty{color:#999}.chat__msgRow{margin-bottom:8px}.chat__msgRow--user{text-align:right}.chat__msgRow--ai{text-align:left}.chat__bubble{display:inline-block;padding:8px 12px;border-radius:8px;white-space:pre-wrap;max-width:80%;text-align:left}.chat__bubble--user{background:#1890ff;color:#fff;border:none}.chat__bubble--ai{background:#fff;color:#333;border:1px solid #eee}.chat__inputRow{display:flex;gap:8px}.chat__textarea{flex:1;height:64px;padding:8px;resize:none;border-radius:8px;border:1px solid #ddd}.chat__sendBtn{width:80px;border-radius:8px;border:none;background:#1890ff;color:#fff;cursor:pointer}.friendsList{display:flex;height:80vh;border:1px solid #eee;border-radius:8px;overflow:hidden}.friendsList__sidebar{width:220px;border-right:1px solid #eee;display:flex;flex-direction:column}.friendsList__sidebarHeader{display:flex;align-items:center;justify-content:space-between;padding:12px;border-bottom:1px solid #eee}.friendsList__sidebarHeader button{border:none;background:#1890ff;color:#fff;padding:4px 8px;border-radius:4px;cursor:pointer}.friendsList__friendItems{list-style:none;margin:0;padding:0;overflow-y:auto;flex:1}.friendsList__friendItem{display:flex;flex-direction:column;padding:10px 12px;cursor:pointer;border-bottom:1px solid #f5f5f5}.friendsList__friendItem:hover{background:#fafafa}.friendsList__friendItem--active{background:#e6f7ff}.friendsList__friendRole{font-size:14px;color:#333}.friendsList__friendName{font-size:12px;color:#999}.friendsList__empty{padding:12px;color:#999;font-size:13px;text-align:center}.friendsList__chat{flex:1;display:flex;flex-direction:column}.friendsList__chatHeader{padding:12px;border-bottom:1px solid #eee;font-size:14px;color:#333}.friendsList__messages{flex:1;overflow-y:auto;padding:12px;background:#fafafa}.friendsList__messagesEmpty{color:#999;text-align:center;margin-top:40px}.friendsList__bubble{max-width:70%;margin-bottom:8px;padding:8px 12px;border-radius:8px;white-space:pre-wrap;word-break:break-word}.friendsList__bubble--me{margin-left:auto;background:#1890ff;color:#fff}.friendsList__bubble--friend{margin-right:auto;background:#fff;color:#333;border:1px solid #eee}.friendsList__inputRow{display:flex;gap:8px;padding:12px;border-top:1px solid #eee}.friendsList__textarea{flex:1;height:56px;padding:8px;resize:none;border-radius:8px;border:1px solid #ddd}.friendsList__sendBtn{width:72px;border:none;border-radius:8px;background:#1890ff;color:#fff;cursor:pointer}.friendsList__sendBtn:disabled{background:#ccc;cursor:not-allowed}.friendsList__modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:100}.friendsList__modalContent{width:340px;background:#fff;border-radius:8px;overflow:hidden}.friendsList__modalHeader{display:flex;align-items:center;justify-content:space-between;padding:12px;border-bottom:1px solid #eee}.friendsList__modalHeader button{border:none;background:transparent;font-size:18px;cursor:pointer}.friendsList__searchInput{width:calc(100% - 24px);margin:12px;padding:8px;box-sizing:border-box;border:1px solid #ddd;border-radius:4px;outline:none}.friendsList__typeTag{display:inline-block;font-style:normal;font-size:11px;color:#fff;border-radius:3px;padding:1px 6px;margin-right:6px}.friendsList__typeTag--human{background:#1677ff}.friendsList__typeTag--digital{background:#52c41a}.friendsList__available{list-style:none;margin:0;padding:0;max-height:300px;overflow-y:auto}.friendsList__availableItem{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid #f5f5f5}.friendsList__availableItem button{border:none;background:#52c41a;color:#fff;padding:4px 10px;border-radius:4px;cursor:pointer}.login{display:flex;align-items:center;justify-content:center;height:80vh}.login__form{display:flex;flex-direction:column;gap:12px;width:280px;padding:24px;border:1px solid #ddd;border-radius:8px}.login__title{margin:0 0 8px;text-align:center}.login__input{padding:8px;border:1px solid #ddd;border-radius:4px}.login__error{color:#ff4d4f;font-size:13px}.login__btn{padding:8px;border:none;border-radius:4px;background:#1890ff;color:#fff;cursor:pointer}.login__hint{color:#999;font-size:12px;text-align:center}.layout__nav{display:flex;align-items:center;gap:12px;padding:12px;border-bottom:1px solid #eee}.layout__logout{margin-left:auto;border:none;background:transparent;color:#1890ff;cursor:pointer}