.message-page{padding:42px 6vw}.message-shell{max-width:1100px;margin:auto;display:grid;grid-template-columns:280px 1fr;min-height:620px;background:#ffffff12;border:1px solid #ffffff26;border-radius:26px;overflow:hidden;backdrop-filter:blur(26px);box-shadow:0 24px 80px #0004}.message-shell aside{padding:30px 22px;border-right:1px solid #ffffff1c}.message-shell h1{margin:0;color:#f4f8f8;font-family:STSong,serif}.muted,.chat-head small{color:#9eb4ba}.thread{display:flex;gap:12px;align-items:center;padding:14px 10px;border-radius:14px;color:#eef7f8;cursor:pointer}.thread:hover,.thread.active{background:#ffffff18}.thread .avatar{width:38px;height:38px}.chat{display:flex;flex-direction:column;min-width:0}.chat-head{display:flex;gap:12px;align-items:center;padding:24px;border-bottom:1px solid #ffffff1c;color:#fff}.chat-head small{display:block;margin-top:4px}.chat-body{flex:1;padding:24px;overflow:auto}.chat-empty{height:100%;display:grid;place-items:center;color:#91a9b0;text-align:center}.bubble{max-width:72%;padding:12px 15px;border-radius:16px;margin:10px 0;color:#eaf4f5;background:#ffffff18}.bubble.mine{margin-left:auto;background:#d9ad72;color:#172732}.bubble time{display:block;font-size:10px;opacity:.65;margin-top:5px}.message-shell form{display:flex;gap:10px;padding:18px;border-top:1px solid #ffffff1c}.message-shell form input{flex:1;background:#ffffff12;border:1px solid #ffffff25;border-radius:12px;padding:13px;color:#fff}.message-shell form button{border:0;border-radius:12px;padding:0 22px;background:#e8b879;color:#172732;font-weight:700}@media(max-width:760px){.message-page{padding:22px 12px}.message-shell{grid-template-columns:1fr;min-height:calc(100vh - 140px)}.message-shell aside{border-right:0;border-bottom:1px solid #ffffff1c;padding:20px}.message-shell aside .muted{display:none}.thread{display:inline-flex;margin:8px 4px 0 0}.chat{min-height:440px}.message-shell form button{padding:0 15px}}
.message-avatar{display:grid;place-items:center;text-decoration:none}