<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.head .back,.head span{padding:0 10px;color:#FFF}.bubble,.head .back{display:inline-block}.chat-list .item .info h3,.chat-list .item .info p{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.foot,.head,.page{width:100%;position:absolute;left:0}.head{top:0;height:44px;line-height:44px;background:#333;z-index:5}.head .back{font-size:14px}.head span{border-left:1px solid #222;font-size:16px}.page{top:44px;bottom:50px;background:#EEE;overflow:auto;-webkit-overflow-scrolling:touch}.chat-list .item .info,.message .content{overflow:hidden}.page.change{bottom:150px}.foot,.swiper-container-horizontal&gt;.swiper-pagination{bottom:0}.chat-list .item{padding:10px;border-bottom:1px solid #DDD;overflow:hidden}.chat-list .item .time{float:right;font-size:12px;color:#999}.chat-list .item .avatar{float:left;width:40px;height:40px;margin-right:10px;position:relative}.chat-list .item .avatar img,.message{width:100%}.chat-list .item .avatar i{position:absolute;top:-5px;right:-5px;min-width:16px;height:16px;padding:0 2px;line-height:16px;background:#C81623;border-radius:8px;font-size:12px;font-style:normal;color:#FFF;text-align:center}.chat-list .item .info h3{margin-bottom:2px;line-height:20px;font-size:16px;font-weight:400;color:#000}.chat-list .item .info p{font-size:12px;color:#666}.message-list .item{clear:both;padding:10px}.message{float:left;margin-bottom:16px}.message .message-time{margin:10px auto;max-width:50%;text-align:center}.message .message-time span{padding:1px 18px;display:inline-block;background-color:#dcdcdc;border-radius:2px;font-size:12px;color:#fff}.message .avatar{border-radius:2px;cursor:pointer;float:left;height:40px;width:40px}.message.me,.message.me .avatar{float:right}.bubble{border-radius:3px;font-size:14px;margin:0 10px;max-width:500px;min-height:1em;padding:9px 13px;position:relative;text-align:left;vertical-align:top;background:#FFF}.bubble pre{margin:0 0 5px}.bubble::before{position:absolute;top:14px;left:-6px;border-width:6px 6px 6px 0;border-style:solid;border-color:transparent #FFF;content:""}.message.me{clear:right;text-align:right}.message.me .bubble{background-color:#b2e281}.message.me .bubble::before{right:-6px;left:auto;border-width:6px 0 6px 6px;border-style:solid;border-color:transparent #b2e281}.foot{min-height:50px;background:#FFF;border-top:1px solid #DDD;z-index:2}.foot .input-box{min-height:50px;padding:6px 140px 6px 10px}.foot .input-box .input{position:relative}.foot .input-box .input .hidden-input{display:none;width:100%;padding:6px 12px;border:none}.foot .input-box .input .replace-input{position:absolute;top:0;left:0;width:100%;height:36px;padding:6px 12px;border-bottom:1px solid #DDD;overflow:hidden}.foot .input-box span{position:absolute;top:10px;right:10px;width:30px;height:30px;line-height:30px;border:1px solid #333;border-radius:50%;font-size:24px;text-align:center}.foot .input-box span.smilies{right:100px}.foot .input-box span.smilies svg{width:28px;height:28px;fill:#333}.foot .input-box span.photo{right:60px}.foot .input-box span.send{width:40px;background:#0A0;border:1px solid #0A0;border-radius:2px;font-size:12px;color:#FFF;text-align:center}.foot .smilies-list{display:none;height:150px;background:#FFF}.foot .smilies-list .swiper-container{padding-bottom:26px}.foot .smilies-list .swiper-slide{padding:0 1%}.foot .smilies-list .swiper-slide span{display:inline-block;padding:5px;width:14%;box-sizing:border-box}.foot .smilies-list .swiper-slide span svg{width:26px;height:24px}</pre></body></html>