*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;font-family:"Microsoft YaHei",Arial,sans-serif;color:#333;background:#f5f6f8}.chat-page{display:flex;flex-direction:column}.chat-page header{height:56px;flex:none;padding:16px 18px;color:#fff;background:#f7941d}.chat-page header span{float:right;font-size:12px;opacity:.9}.chat-page main{flex:1;overflow-y:auto;padding:16px}.message{max-width:82%;margin:8px 0;padding:10px 12px;border-radius:8px;white-space:pre-wrap;overflow-wrap:anywhere;background:#fff}.message.admin{margin-left:auto;background:#fff0d9}.message small{display:block;margin-top:5px;color:#999;font-size:11px}.chat-page form{display:flex;gap:8px;flex:none;padding:10px;background:#fff;border-top:1px solid #ddd}.chat-page textarea{flex:1;height:54px;padding:8px;resize:none;border:1px solid #ccc;font:14px/1.5 inherit}.chat-page button{width:70px;border:0;background:#f7941d;color:#fff;font:inherit;cursor:pointer}.chat-page button:disabled{opacity:.6}