/**
 * ================================================
 * 法律提示：本程序/代码仅限合法用途使用，您可以修改自用，请保留版权
 * ================================================
 * 使用限制：禁止用于非法用途，作者不承担任何使用责任
 * ================================================
 * Copy right 2026 网博士网络工作室， 保留所有权利。
 * ================================================
 * 官方网址: www.网博士.com   联系：QQ: 570830288
 * ================================================
 */
.dshare{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.dshare .ds-btn{display:inline-flex;align-items:center;gap:5px;height:30px;padding:0 12px;
    border:1px solid var(--line,#E7ECF0);border-radius:15px;background:#fff;
    color:#5A6A76;font-size:13px;line-height:1;cursor:pointer;
    transition:color .18s,border-color .18s,background .18s,box-shadow .18s;}
.dshare .ds-btn .ico-svg{font-size:14px;}
.dshare .ds-btn:hover{color:var(--c1,#1E6F8C);border-color:var(--c1,#1E6F8C);
    background:rgba(30,111,140,.06);}
.dshare .ds-btn.on{color:#fff;background:var(--c1,#1E6F8C);border-color:var(--c1,#1E6F8C);
    box-shadow:0 4px 12px rgba(30,111,140,.22);}
.dshare .ds-btn.on:hover{color:#fff;background:var(--c1,#1E6F8C);}
/* 收藏：空心 / 实心两颗心都在按钮里，按 .on 切 */
.dshare .ds-ico{display:inline-flex;align-items:center;}
.dshare .ds-fav .ds-ico-on{display:none;}
.dshare .ds-fav.on .ds-ico-off{display:none;}
.dshare .ds-fav.on .ds-ico-on{display:inline-flex;}
.dshare .ds-fav.on{color:#fff;background:var(--c1,#1E6F8C);border-color:var(--c1,#1E6F8C);
    box-shadow:0 4px 12px rgba(30,111,140,.22);}
.dshare .ds-fav.on:hover{color:#fff;background:var(--c1,#1E6F8C);}
/* 二维码气泡：直接朝下贴出来（不再等鼠标悬停才显示），进页面就画好。
   气泡会盖到下面的店铺公告 / 排序 Tab 上，这两块一个是 sticky、一个层级不低，
   所以这里给到 999（比吸顶的排序栏 150、回到顶部 300 都高，又压不过弹窗 900）。 */
.dshare .ds-qrwrap{position:relative;display:inline-flex;}
/* z-index 压到 90（原来 999）：顶栏 .fk-header 是 sticky + z-index:100，
   页面上下滚时气泡会从卡片里飘到顶栏那块，999 比 100 高就盖住了右上角
   的「用户中心 / 退出 / 登录注册」。90 < 100，滚过去就被顶栏压在下面。
   同样要低于弹窗 .modal(900)、轻提示 .toast(9999)，别把它们也盖了。 */
.dshare .ds-qrwrap:hover{z-index:90;}
.dshare .ds-pop{position:absolute;top:calc(100% + 32px);right:0;z-index:90;width:126px;padding:8px 6px 6px;
    background:#fff;border:1px solid var(--line,#E7ECF0);border-radius:10px;text-align:center;
    box-shadow:0 14px 34px rgba(16,40,55,.16);
    opacity:1;visibility:visible;transform:none;}
/* 二维码上面的小箭头去掉了，气泡就是安安静静挂着的一张白卡 */
/* 码本身收一点点：画布 120→112，下方提示文字也跟着收一点 */
.dshare .ds-qr{display:flex;align-items:center;justify-content:center;width:112px;height:112px;margin:0 auto;}
.dshare .ds-qr canvas,.dshare .ds-qr img{display:block;border-radius:6px;}
.dshare .ds-qrph{font-size:12px;color:#A7B5C0;}
.dshare .ds-qrtxt{margin-top:6px;font-size:12px;line-height:1.45;color:var(--muted,#8A97A3);}
/* 触屏设备没有 hover，改成点一下弹窗，气泡就不出现了 */
.dshare.ds-touch .ds-pop{display:none;}
@media (max-width:767px){
  .dshare{gap:6px;}
  .dshare .ds-btn{height:28px;padding:0 10px;font-size:12.5px;}
  /* 手机上本来就是手机，不用再扫码看 */
  .dshare .ds-qrwrap{display:none;}
}