/* 圈子社交：热搜 / 话题条 / 转发引用 / 通知 */
.topic-bar {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 9px 14px;
  border-radius: 10px;
  border: 1px solid #3d5c22;
  background: rgba(140, 226, 42, .1);
  font-size: 12.5px;
  color: #b9c9ab;
}
.topic-bar b { color: #8ce22a; }
.topic-bar button {
  margin-left: auto;
  background: none;
  border: 1px solid #3d5c22;
  color: #b9c9ab;
  border-radius: 7px;
  padding: 3px 10px;
  font-size: 11.5px;
  cursor: pointer;
  font-family: inherit;
}
.topic-bar button:hover { border-color: #8ce22a; color: #8ce22a; }

/* 热搜榜 */
.hot-list { display: flex; flex-direction: column; gap: 2px; }
.hot-item {
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 6px 7px;
  border-radius: 8px;
  cursor: pointer;
  transition: background .18s;
  font-size: 12.5px;
}
.hot-item:hover { background: #121d0e; }
.hot-rank {
  width: 18px;
  flex: none;
  text-align: center;
  font-family: ui-monospace, monospace;
  font-size: 12px;
  color: #6d86a3;
  font-weight: 700;
}
.hot-rank.top { color: #ff8a6e; }
.hot-text {
  flex: 1;
  min-width: 0;
  color: #c8d6bb;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.hot-num { font-size: 10.5px; color: #6d86a3; flex: none; }

/* 转发引用块 */
.repost-box {
  margin-top: 9px;
  padding: 10px 12px;
  border-radius: 10px;
  border: 1px solid #233016;
  background: rgba(17, 26, 12, .75);
  font-size: 13px;
  color: #b9c9ab;
  line-height: 1.7;
}
.repost-box b { color: #8ce22a; }
.repost-box img {
  display: block;
  margin-top: 7px;
  max-width: 190px;
  border-radius: 8px;
  border: 1px solid #2c3a20;
}

/* 通知列表 */
.nt-list { display: flex; flex-direction: column; gap: 8px; margin-top: 14px; max-height: 60vh; overflow: auto; }
.nt-item {
  padding: 10px 12px;
  border-radius: 10px;
  border: 1px solid #233016;
  background: #0e1409;
  font-size: 12.5px;
  color: #b9c9ab;
}
.nt-item.unread { border-color: #3d5c22; background: rgba(140, 226, 42, .06); }
.nt-item b { color: #8ce22a; }
.nt-item p { margin: 4px 0 3px; color: #dbe7d3; }
.nt-item span { font-size: 11px; color: #6d86a3; }

/* 关注按钮 */
.follow-btn {
  font-size: 11px;
  padding: 1px 8px;
  border-radius: 999px;
  border: 1px solid #3d5c22;
  background: rgba(140, 226, 42, .08);
  color: #8ce22a;
  cursor: pointer;
  font-family: inherit;
  transition: .18s;
  flex: none;
}
.follow-btn:hover { background: #8ce22a; color: #08120a; border-color: transparent; }
.follow-btn.on { background: transparent; color: #7d8b70; border-color: #2c3a20; }
.follow-btn.on:hover { color: #ff8a6e; border-color: #6b2a1a; }

/* 圈子管理员按钮 */
.p-admin{display:inline-flex;gap:5px;margin-left:6px}
.adm-btn{
  font-size:10.5px;padding:1px 7px;border-radius:5px;
  border:1px solid #3d5c22;background:rgba(140,226,42,.08);color:#8ce22a;
  cursor:pointer;font-family:inherit;transition:.18s
}
.adm-btn:hover{background:#8ce22a;color:#08120a;border-color:transparent}
.adm-btn.on{background:rgba(201,166,255,.14);border-color:#4a2f6b;color:#c9a6ff}
.adm-btn.on:hover{background:rgba(255,138,110,.16);border-color:#6b2a1a;color:#ff8a6e}
.p-head{flex-wrap:wrap}