/* ============================================================
 * 分享弹窗（ShareKit） —— 金辉国风主题，呼应站点主色
 * ============================================================ */
.share-mask {
  position: fixed; inset: 0; z-index: 9999;
  display: flex; align-items: center; justify-content: center;
  background: rgba(8, 13, 29, 0.62);
  backdrop-filter: blur(3px);
  padding: 18px;
}
.share-mask[hidden] { display: none; }
body.share-open { overflow: hidden; }

.share-panel {
  position: relative;
  width: min(420px, 94vw);
  background: linear-gradient(180deg, #fffdf6 0%, #fbf4e4 100%);
  border: 1px solid #e6d69f;
  border-radius: 16px;
  box-shadow: 0 18px 60px rgba(8, 13, 29, 0.42);
  padding: 26px 22px 20px;
  text-align: center;
  font-family: "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;
  color: #1c2440;
}
.share-close {
  position: absolute; top: 10px; right: 12px;
  width: 32px; height: 32px; border: none; border-radius: 50%;
  background: rgba(28, 36, 64, 0.06); color: #1c2440;
  font-size: 20px; line-height: 1; cursor: pointer; transition: background .15s;
}
.share-close:hover { background: rgba(28, 36, 64, 0.14); }

.share-title {
  margin: 0 0 4px; font-size: 18px; font-weight: 700;
  color: #8a132a;
}
.share-sub {
  margin: 0 0 16px; font-size: 12px; color: #6b6450;
  word-break: break-all; line-height: 1.5;
}

.share-platforms {
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px;
  margin-bottom: 4px;
}
.share-p {
  display: flex; flex-direction: column; align-items: center; gap: 7px;
  padding: 14px 6px; border: 1px solid #e6d69f; border-radius: 12px;
  background: #fffefb; color: #1c2440; font-size: 13px; cursor: pointer;
  transition: transform .12s, box-shadow .12s, border-color .12s;
}
.share-p:hover { transform: translateY(-2px); box-shadow: 0 6px 18px rgba(138,19,42,0.14); border-color: #c9a24a; }
.share-ico {
  width: 38px; height: 38px; border-radius: 11px;
  display: flex; align-items: center; justify-content: center;
  font-size: 16px; font-weight: 700; color: #fff;
}
.ico-wechat  { background: #2aae67; }
.ico-ding    { background: #2b7fff; }
.ico-fshu    { background: #3370ff; }
.ico-copy    { background: #8a132a; }
.ico-sys     { background: #c9a24a; }

.share-qr {
  margin: 18px auto 6px; padding: 12px; width: max-content;
  background: #fff; border: 1px solid #e6d69f; border-radius: 12px;
}
.share-qr[hidden] { display: none; }
.share-qr img, .share-qr canvas { display: block; }
.share-qr-hint { margin: 0 0 6px; font-size: 12.5px; color: #8a132a; line-height: 1.5; }
.share-qr-hint:empty { display: none; }

.share-tip {
  margin: 8px 2px 0; font-size: 11.5px; color: #8a8470; line-height: 1.55;
}

.share-toast {
  position: absolute; left: 50%; bottom: 18px; transform: translateX(-50%);
  background: rgba(28, 36, 64, 0.92); color: #fff; font-size: 13px;
  padding: 8px 16px; border-radius: 20px; white-space: nowrap;
}
.share-toast[hidden] { display: none; }

/* 列表卡片右上角的分享按钮（各页共用） */
.js-share {
  display: inline-flex; align-items: center; gap: 5px;
  padding: 5px 12px; border: 1px solid #c9a24a; border-radius: 18px;
  background: #fffefb; color: #8a132a; font-size: 12.5px; cursor: pointer;
  transition: background .15s, color .15s, box-shadow .15s;
}
.js-share::before { content: "↗"; font-size: 13px; }
.js-share:hover { background: #8a132a; color: #fff; box-shadow: 0 4px 12px rgba(138,19,42,0.22); }

/* 卡片标题栏内：分享按钮靠右、窄屏自动换行 */
.exp-card-head, .hosp-card-head, .bid-card-head, .vend-card-head { flex-wrap: wrap; }
.exp-card-head .js-share,
.hosp-card-head .js-share,
.bid-card-head .js-share,
.vend-card-head .js-share { margin-left: auto; align-self: center; }