/* 手机页：像真的聊天软件 */
.ph { height: 100%; display: flex; flex-direction: column; background: #ece8e1; color: #2b2b2b; font-family: -apple-system, 'PingFang SC', 'Microsoft YaHei', sans-serif; }
.ph-head { display: flex; align-items: center; padding: 14px 16px; background: #f7f5f1; border-bottom: 1px solid #ddd; font-size: 16px; }
.ph-back { width: 22px; font-size: 22px; color: #888; }
.ph-title { flex: 1; text-align: center; margin-right: 22px; }
.ph-list { flex: 1; overflow-y: auto; padding: 12px 16px; }
.ph-day { text-align: center; font-size: 11px; color: #999; margin: 12px 0 6px; }
.ph-msg { display: flex; margin: 6px 0; }
.ph-msg span { max-width: 75%; padding: 8px 12px; border-radius: 6px; font-size: 15px; line-height: 1.5; }
.ph-in span { background: #fff; }
.ph-out { justify-content: flex-end; align-items: flex-end; gap: 6px; }
.ph-out span { background: #95ec69; }
.ph-out em { font-style: normal; font-size: 11px; color: #999; order: -1; }
.ph-replies { display: flex; flex-direction: column; gap: 8px; padding: 12px 16px 20px; background: #f7f5f1; border-top: 1px solid #ddd; }
.ph-reply { padding: 10px 12px; background: #fff; border: 1px solid #ddd; border-radius: 6px; text-align: left; font-size: 14px; color: #2b2b2b; }
.ph-down { text-align: center; background: #2a3450; color: #f1e8d4; border-color: #2a3450; }