/* 保定鹊桥 - 增量样式（互动 / 通知 / 拉黑） */
/* 放在 style.css 之后，独立文件名避免 30 天强缓存 */

/* 互相心动标识 */
.mutual-chip {
  position: absolute; left: 10px; top: 10px; z-index: 3;
  background: linear-gradient(135deg, #c2185b, #e35d8f); color: #fff;
  font-size: 11px; font-weight: 700; border-radius: 20px; padding: 3px 9px;
  box-shadow: 0 4px 10px rgba(194, 24, 91, .3);
}
.mutual-chip.big { position: static; display: inline-block; font-size: 12px; padding: 2px 9px; vertical-align: middle; margin-left: 4px; }
.mcard .cover .mutual-chip { left: 10px; top: 34px; }
.liked-hint {
  display: inline-block; margin: 12px 0 0; font-size: 12.5px; color: #8e0e42;
  background: #fdeef4; border: 1px solid #f6cddd; border-radius: 20px; padding: 5px 14px;
}

/* 动态评论 */
.mo-cmts { margin-top: 12px; border-top: 1px dashed var(--line); padding-top: 12px; }
.cmt { display: flex; gap: 9px; padding: 6px 0; }
.cmt-body { font-size: 13.5px; color: #4a3a42; line-height: 1.6; word-break: break-word; }
.cmt-body b { color: var(--primary-dark); font-weight: 700; margin-right: 4px; }
.cmt-meta { font-size: 11.5px; color: var(--muted); margin-top: 2px; }
.cmt-meta a { color: #b3261e; }
.cmt-empty { font-size: 12.5px; color: var(--muted); margin: 6px 0; }
.cmt-form { display: flex; gap: 8px; margin-top: 10px; }
.cmt-form input {
  flex: 1; padding: 9px 13px; border: 1.5px solid var(--line); border-radius: 20px;
  outline: none; font-size: 13px; background: #fdfbfc;
}
.cmt-form input:focus { border-color: #e9aec6; background: #fff; }

/* 开场白面板 */
.openers {
  display: flex; flex-wrap: wrap; gap: 8px; padding: 12px 12px 4px;
  border-top: 1px solid var(--line); background: #fdf7f9;
  max-height: 190px; overflow-y: auto;
}
.openers button {
  border: 1px solid #f0d6e0; background: #fff; color: #8e0e42;
  border-radius: 18px; padding: 7px 12px; font-size: 12.5px; line-height: 1.4;
  text-align: left;
}
.openers button:active { background: var(--rose); }

/* 私信风险提示 */
.chat-warn {
  font-size: 11.5px; color: #a4602a; background: #fdf3e7;
  padding: 6px 14px; border-top: 1px solid #f6e3cb; line-height: 1.5;
}

/* 我的通知 */
.ntc { display: flex; gap: 12px; padding: 13px 0; border-bottom: 1px solid var(--line); align-items: flex-start; }
.ntc:last-child { border-bottom: none; }
.ntc-ic { font-size: 17px; line-height: 1.4; }
.ntc-tx { flex: 1; font-size: 13.8px; color: #5b4a53; line-height: 1.6; word-break: break-word; }
.ntc-tx time { display: block; font-size: 11.5px; color: var(--muted); margin-top: 3px; }
.ntc.un .ntc-tx { color: var(--text); font-weight: 600; }
.ntc.un .ntc-ic::after { content: ""; width: 6px; height: 6px; background: var(--primary); border-radius: 50%; display: inline-block; margin-left: 4px; vertical-align: 3px; }

/* 未读小圆点 */
.nb {
  display: inline-block; min-width: 17px; height: 17px; line-height: 17px; text-align: center;
  background: var(--primary); color: #fff; font-size: 11px; font-style: normal;
  border-radius: 9px; padding: 0 5px; margin-left: 6px; vertical-align: 1px;
}

/* 黑名单 */
.blk-row { display: flex; align-items: center; gap: 12px; padding: 12px 0; border-bottom: 1px solid var(--line); }
.blk-row:last-child { border-bottom: none; }