/* 遇见·故事 web/chat.css — 消息中心与公共聊天室样式（阶段 06）
 * 复用浅色浪漫视觉；移动端单列、输入区固定在可视区域，输入法选字不误发（见 chat.js）。
 */
.chat-box{display:flex;flex-direction:column;gap:8px;max-height:52vh;overflow-y:auto;border:1px solid #e6e4dd;background:#fcfbf8;border-radius:10px;padding:12px;text-align:left}
.chat-empty{font-size:14px;color:#85929c}
.chat-line{display:flex;flex-direction:column;gap:2px;padding:8px 10px;border-radius:8px;background:#ffffff;border:1px solid #efede6}
.chat-line.unread{border-left:3px solid #b78b47}
.chat-line.mine{background:#eef4f8;border-color:#dbe7ef;align-self:flex-end}
.chat-meta{font-size:11px;color:#8a97a2;letter-spacing:.3px}
.chat-body{font-size:14px;color:#244258;white-space:pre-wrap;overflow-wrap:anywhere}
.chat-room{display:flex;flex-direction:column;gap:12px}
.chat-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.chat-head h2{margin:0}
.chat-online{font-size:12px;color:#8a6d3b}
.chat-compose{display:flex;gap:10px;align-items:flex-end;position:sticky;bottom:0}
.chat-compose textarea{flex:1;resize:vertical;min-height:52px;border:1px solid #cbd8df;border-radius:8px;padding:10px;font:15px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:#17344b;background:#fafcfd;touch-action:manipulation}
.chat-compose button{white-space:nowrap}
.rooms .room-row{display:flex;align-items:center;justify-content:space-between;width:100%;text-align:left;border:1px solid #e8e4da;background:#fffdf8;padding:14px 16px;margin:8px 0;border-radius:10px;font:inherit}
.rooms .room-row:hover{border-color:#b78b47}
@media (max-width:640px){
  .chat-box{max-height:46vh}
  .chat-compose{position:sticky;bottom:0;background:#fff;padding-top:6px}
  .chat-compose textarea{font-size:16px;min-height:48px}
  .chat-head{flex-wrap:wrap}
}

/* 阶段 07：情侣包间与阅后即焚照片（复用浅色浪漫视觉） */
.linklike{background:none;border:0;color:#b78b47;cursor:pointer;font-size:14px;padding:0;text-decoration:underline}
.room-create{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0 6px;align-items:center}
.room-create input,.room-create select{border:1px solid #cbd8df;border-radius:8px;padding:9px 10px;font-size:14px;color:#17344b;background:#fafcfd;min-width:0}
.room-create input[type=password]{max-width:180px}
.room-create select{max-width:150px}
.room-tag{font-size:12px;color:#946e39}
.chat-members{font-size:12px;color:#8a97a2;min-height:18px}
.room-msg .photo-hold{display:inline-flex;align-items:center;gap:6px;border:1px solid #d9c39a;background:#faf3e4;color:#8a6d3b;border-radius:8px;padding:6px 12px;cursor:pointer;font-size:13px;user-select:none;-webkit-user-select:none;touch-action:none}
.room-msg .photo-hold.holding{background:#b78b47;color:white}
.photo-overlay{position:fixed;inset:0;z-index:9999;background:rgba(12,20,30,.82);display:flex;align-items:center;justify-content:center}
.photo-overlay img{max-width:92vw;max-height:92vh;border-radius:10px;box-shadow:0 24px 90px #000c;pointer-events:none}
.room-photo-btn{display:inline-flex;align-items:center;border:1px solid #d9c39a;background:#faf3e4;color:#8a6d3b;border-radius:8px;padding:0 12px;height:52px;font-size:13px;cursor:pointer;white-space:nowrap}
@media (max-width:640px){
  .room-create{flex-direction:column;align-items:stretch}
  .room-create input,.room-create select{max-width:none;width:100%}
}