/* 社媒分享行：与站点配色一致，国内 / 海外分两组 */
.lf-share-row{
  display:flex;flex-wrap:wrap;align-items:center;gap:10px;
  margin:16px 0 6px;padding:14px 16px;
  border:1px solid rgba(180,138,69,.22);border-radius:16px;background:#fffdf8;
}
.lf-share-title{
  font-size:12px;letter-spacing:.22em;color:#8a7a5f;margin-right:2px;
  font-family:-apple-system,"Segoe UI",sans-serif;
}
.lf-share-group{display:flex;flex-wrap:wrap;gap:8px}
.lf-share-group+.lf-share-group{padding-left:10px;border-left:1px solid rgba(180,138,69,.22)}
.lf-share-btn{
  appearance:none;cursor:pointer;
  padding:7px 13px;border-radius:999px;
  border:1px solid rgba(180,138,69,.35);background:#fff;
  font-size:13px;line-height:1.4;color:#3a352d;
  font-family:inherit;letter-spacing:.02em;
  transition:transform .18s ease,box-shadow .18s ease,background .18s ease,color .18s ease,border-color .18s ease;
}
.lf-share-btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(48,44,39,.10)}
.lf-share-btn:active{transform:translateY(0);box-shadow:none}
.lf-share-btn.is-wechat:hover{background:#e8f6ec;border-color:#3eb575;color:#1f7a45}
.lf-share-btn.is-xhs:hover{background:#ffeef0;border-color:#ff2442;color:#c8132b}
.lf-share-btn.is-douyin:hover{background:#eef0f4;border-color:#161823;color:#161823}
.lf-share-btn.is-x:hover{background:#eef1f3;border-color:#111;color:#111}
.lf-share-btn.is-tg:hover{background:#e9f3fb;border-color:#229ed9;color:#1c7fae}
.lf-share-btn.is-wa:hover{background:#e9f8ef;border-color:#25d366;color:#128c4a}
.lf-share-btn.is-fb:hover{background:#eaf0fb;border-color:#1877f2;color:#0f57b5}
.lf-share-btn.is-rd:hover{background:#fdeee9;border-color:#ff4500;color:#c33600}
.lf-share-btn.is-copy:hover{background:#f7f1e4;border-color:#c99a4a;color:#8a6a2f}

.lf-share-toast{
  position:fixed;left:50%;bottom:28px;transform:translate(-50%,14px);
  z-index:9999;max-width:86vw;
  padding:11px 18px;border-radius:999px;
  background:rgba(20,18,15,.92);color:#f3e7cf;
  font-size:13.5px;line-height:1.5;letter-spacing:.02em;
  opacity:0;pointer-events:none;transition:opacity .24s ease,transform .24s ease;
}
.lf-share-toast.is-on{opacity:1;transform:translate(-50%,0)}

@media (max-width:640px){
  .lf-share-row{padding:12px;gap:8px}
  .lf-share-title{width:100%;margin-bottom:2px}
  .lf-share-group+.lf-share-group{padding-left:0;border-left:0}
  .lf-share-btn{padding:7px 11px;font-size:12.5px}
}
@media (prefers-reduced-motion: reduce){
  .lf-share-btn{transition:none}
  .lf-share-toast{transition:opacity .01s linear}
}

/* ---------- 中文站分享块：与英文站对齐成「卡片按钮 + 社媒行」两层 ---------- */
.share-toolbar{
  position:relative!important;bottom:auto!important;z-index:auto!important;
  margin:20px 0 0!important;padding:14px 16px 13px!important;
  border:1px solid rgba(180,138,69,.22)!important;border-bottom:0!important;
  border-radius:16px 16px 0 0!important;
  background:#fffdf8!important;box-shadow:none!important;backdrop-filter:none!important;
}
.share-toolbar span{font-size:12.5px!important;letter-spacing:.05em;color:#8a7a5f!important;line-height:1.6}
.share-toolbar button{
  border:1px solid #224e43!important;border-radius:999px!important;
  padding:9px 18px!important;background:#224e43!important;color:#f4ecd8!important;
  font-size:13.5px!important;font-weight:600!important;letter-spacing:.02em;white-space:nowrap;
  transition:transform .18s ease,box-shadow .18s ease,background .18s ease;
}
.share-toolbar button:hover{background:#1b3f36!important;border-color:#1b3f36!important;transform:translateY(-1px);box-shadow:0 6px 16px rgba(48,44,39,.12)}
.share-toolbar button:active{transform:translateY(0);box-shadow:none}
/* 社媒行贴在下面，中间一条淡金分隔线，两块合成一张卡 */
.share-toolbar + .lf-share-row{
  margin:0 0 6px!important;border-top:1px solid rgba(180,138,69,.16)!important;
  border-radius:0 0 16px 16px!important;
}
@media(max-width:640px){
  .share-toolbar{flex-direction:column;align-items:stretch;gap:10px;text-align:center}
  .share-toolbar button{width:100%!important}
}
@media (prefers-reduced-motion: reduce){ .share-toolbar button{transition:none} }
