body { background: #f6f7fb; }
.auth-card { max-width: 420px; margin: 3rem auto; background: #fff; padding: 1.5rem; border-radius: 16px; box-shadow: 0 10px 30px rgba(0,0,0,.08); }
.auth-card.wide { max-width: 640px; }
.card { border: 0; border-radius: 16px; box-shadow: 0 4px 20px rgba(0,0,0,.05); }
.stat-card { background: #fff; border-radius: 16px; padding: 1rem; box-shadow: 0 4px 20px rgba(0,0,0,.05); }
.stat-card strong { font-size: 2rem; }
.message-list { display: flex; flex-direction: column; gap: .75rem; }
.message-item { max-width: 760px; background: #fff; border-radius: 14px; padding: .8rem 1rem; box-shadow: 0 4px 18px rgba(0,0,0,.05); }
.message-item.mine { align-self: flex-end; background: #eef6ff; }
.message-meta { color: #687080; font-size: .85rem; margin-bottom: .25rem; }
.message-body { white-space: normal; }
.message-thumb { width: 160px; max-height: 160px; object-fit: cover; border-radius: 10px; cursor: pointer; }
.photo-map { width: 100%; height: 70vh; border-radius: 16px; overflow: hidden; box-shadow: 0 4px 20px rgba(0,0,0,.08); background: #ddd; }
code { white-space: pre-wrap; }