.persona-community-card {
  position: fixed;
  z-index: 100;
  right: 20px;
  bottom: 20px;
  width: min(356px, calc(100vw - 32px));
  padding: 14px;
  border: 1px solid rgba(227, 170, 31, .42);
  border-radius: 18px;
  color: #382745;
  background: rgba(255, 253, 243, .97);
  box-shadow: 0 18px 38px rgba(97, 59, 122, .22);
  font-family: "Microsoft YaHei", "Noto Sans SC", sans-serif;
}
.persona-community-card[hidden] { display: none; }
.persona-community-card__head { display: flex; align-items: flex-start; gap: 9px; }
.persona-community-card__head img { width: 42px; height: 42px; object-fit: contain; }
.persona-community-card__head b { display: block; font-size: .92rem; }
.persona-community-card__head p { margin: 3px 0 0; color: #7c6d89; font-size: .72rem; font-weight: 700; line-height: 1.55; }
.persona-community-card__consent { display: flex; align-items: flex-start; gap: 7px; margin: 11px 0; color: #665573; font-size: .73rem; font-weight: 700; line-height: 1.5; cursor: pointer; }
.persona-community-card__consent input { width: 15px; height: 15px; margin: 1px 0 0; accent-color: #8a61ef; }
.persona-community-card__actions { display: flex; align-items: center; gap: 8px; }
.persona-community-card button { border: 0; border-radius: 10px; padding: 9px 11px; color: #fff; background: linear-gradient(135deg, #ed4d80, #8b63ed); font: inherit; font-size: .76rem; font-weight: 900; cursor: pointer; }
.persona-community-card button:disabled { cursor: wait; opacity: .65; }
.persona-community-card a { color: #7150c8; font-size: .73rem; font-weight: 900; text-decoration: none; }
.persona-community-card__status { display: block; min-height: 1.3em; margin-top: 8px; color: #8a6b26; font-size: .71rem; font-weight: 800; }
@media (max-width: 600px) {
  .persona-community-card { right: 10px; bottom: 10px; width: calc(100vw - 20px); padding: 12px; }
}