*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;font-family:"Microsoft YaHei",sans-serif;background:#171b25;color:#fff;overflow:hidden}.chat-page{height:100%;display:flex;flex-direction:column;background:radial-gradient(circle at 15% 0,rgba(49,89,151,.55),transparent 28%),#171b25}.chat-page header{height:67px;flex:none;display:flex;align-items:center;border-bottom:1px solid rgba(255,255,255,.08);background:rgba(23,27,37,.86)}.chat-page header button{width:56px;border:0;background:none;color:#fff;font-size:40px;font-weight:200}.chat-page header div{display:flex;flex-direction:column;align-items:center;margin-left:calc(50% - 105px)}.chat-page header b{font-size:17px}.chat-page header span{margin-top:4px;color:#aab5c6;font-size:11px}.chat-page header i{display:inline-block;width:7px;height:7px;margin-right:5px;border-radius:50%;background:#24d18f}.chat-messages{flex:1;overflow-y:auto;padding:18px 15px 26px;scrollbar-width:none;-ms-overflow-style:none}.chat-messages::-webkit-scrollbar{display:none}.chat-time{text-align:center;color:#7e889a;font-size:12px;margin:2px 0 20px}.message{display:flex;align-items:flex-start;margin:0 0 18px}.message img{width:38px;height:38px;margin-right:10px;object-fit:contain;border-radius:50%;background:#242b38;padding:5px}.message p{max-width:76%;margin:0;padding:12px 14px;border-radius:4px 15px 15px 15px;background:#343c49;color:#fff;font-size:14px;line-height:1.55;overflow-wrap:anywhere}.message.user{justify-content:flex-end}.message.user p{border-radius:15px 4px 15px 15px;background:#3d50ff}.chat-input{flex:none;display:flex;align-items:flex-end;gap:10px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));border-top:1px solid rgba(255,255,255,.08);background:#202631}.chat-input textarea{flex:1;min-height:42px;max-height:110px;padding:10px 13px;border:0;border-radius:20px;resize:none;outline:none;background:#303744;color:#fff;font:14px/1.55 inherit}.chat-input button{height:40px;padding:0 18px;border:0;border-radius:20px;background:#3d50ff;color:#fff;font-weight:700}
.chat-input textarea{width:100%;min-height:42px;max-height:120px;padding:11px 13px;line-height:20px;overflow-y:hidden}.chat-input textarea::placeholder{line-height:20px;color:#9099a8}
.chat-notice{position:absolute;left:50%;bottom:76px;transform:translateX(-50%);z-index:5;max-width:88%;padding:10px 14px;border-radius:12px;background:rgba(7,12,24,.9);box-shadow:0 10px 30px rgba(0,0,0,.28);color:#fff;font-size:13px;line-height:1.45;text-align:center;white-space:nowrap}.chat-input{position:relative}