.finish-share {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  min-height: 76px;
  margin: 0 0 12px;
  padding: 13px 18px;
  border: 4px solid #161515;
  background: #fff4df;
  color: #161515;
  box-shadow: 6px 6px 0 #161515;
  text-align: left;
  cursor: pointer;
  transform: rotate(-1deg);
  transition: transform 120ms steps(2, end), box-shadow 120ms steps(2, end);
}
.finish-share:active { transform: translate(4px, 4px) rotate(-1deg); box-shadow: 2px 2px 0 #161515; }
.finish-share b { display: block; font: 900 24px/1.1 "Microsoft YaHei", sans-serif; }
.finish-share small { display: block; margin-top: 6px; font: 900 11px/1 Arial, sans-serif; letter-spacing: 2px; }
.finish-share strong { font: 900 36px/1 Arial, sans-serif; color: #d92332; }
.finish .finish-share-note { position: relative; z-index: 2; margin: 0 0 23px; font-size: 11px; opacity: .88; }

.share-dialog {
  box-sizing: border-box;
  width: min(430px, calc(100vw - 28px));
  max-width: none;
  max-height: min(94dvh, 850px);
  padding: 16px;
  border: 4px solid #161515;
  background: #fff4df;
  color: #161515;
  box-shadow: 10px 10px 0 #d92332;
  overflow-y: auto;
}
.share-dialog::backdrop { background: rgba(0, 0, 0, .78); }
.share-dialog__top { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.share-dialog__top span { font: 900 11px/1.2 Arial, sans-serif; letter-spacing: 1.7px; }
.share-dialog__top button { width: 34px; height: 34px; border: 2px solid #161515; background: #d92332; color: #fff4df; font: 900 25px/1 Arial, sans-serif; cursor: pointer; }
.share-dialog h2 { margin: 8px 0 2px; font: 900 28px/1.2 "Microsoft YaHei", sans-serif; }
.share-dialog > p { margin: 4px 0 12px; font-size: 13px; line-height: 1.5; }
.share-dialog__preview { display: flex; justify-content: center; align-items: center; min-height: 220px; padding: 8px; background: #161515; }
.share-dialog__preview img { display: block; width: auto; max-width: 100%; max-height: min(50dvh, 490px); background: #d92332; }
.share-dialog__actions { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; margin-top: 12px; }
.share-dialog__actions button { display: flex; justify-content: space-between; align-items: center; gap: 5px; min-height: 49px; padding: 9px 10px; border: 2px solid #161515; background: #161515; color: #fff4df; font: 900 14px/1.2 "Microsoft YaHei", sans-serif; cursor: pointer; }
.share-dialog__actions button:last-child { background: #d92332; }
.share-dialog__actions button:disabled { opacity: .55; cursor: not-allowed; }
.share-dialog__actions span { font: 900 22px/1 Arial, sans-serif; }
.share-dialog .share-dialog__status { min-height: 36px; margin: 10px 0 0; font-size: 12px; }
@media (max-width: 380px) {
  .share-dialog { padding: 12px; }
  .share-dialog__actions button { font-size: 12px; }
}