.share-card-mount{
  position: relative;
  width: 520px;
  margin: 24px auto;
  pointer-events: auto;
  opacity: 1;
}

.share-card{
  width: 520px;
  background: #fff;
  border-radius: 18px;
  padding: 18px;
  box-shadow: 0 10px 30px rgba(0,0,0,.12);
  font-family: 'canerfont', 'notosans', -apple-system, Segoe UI, Roboto, Arial, "PingFang SC", "Microsoft YaHei", sans-serif;
  color: #111;
}

.sc-top{font-size:16px;}
.sc-topgrid{display:grid;grid-template-columns: auto 1px minmax(0, 1fr);align-items:center;column-gap:12px;}
.sc-brandbox{display:flex;align-items:center;gap:10px;}
.sc-brandtext{opacity:.85;font-size:24px;font-weight:bold;}
.sc-vline{height:28px;background:rgba(0,0,0,.14);}
.sc-locwrap{display:flex;flex-direction:column;gap:2px;min-width:0;}
.sc-loc{font-weight:bold;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:380px;min-width:0;}
.sc-time{font-size:12px;opacity:.65;font-weight:normal;}

.cwc-logo{width:36px;height:36px;flex:0 0 auto;}

.sc-main{display:flex;align-items:center;gap:12px;margin-top:10px;}
.sc-icon{width:64px;height:64px;}
.sc-temp{font-size:35px;font-weight:bold;line-height:1;}
.sc-desc{font-size:14px;opacity:.8;margin-top:0px;font-weight:normal;}
.units-span{font-size:16px;font-weight:bold;}

.sc-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px;font-size:13px;}
.sc-item{background:rgba(0,0,0,.05);border-radius:12px;padding:10px;display:flex;align-items:center;gap:8px;}
.metai-svg{width:16px;height:16px;flex:0 0 auto;opacity:.9;fill:#2a2a2a;}
.sc-item-text{line-height:1.25;font-weight:normal;}
.sc-item-text .lbl{font-weight:normal;}
.sc-item-text .val{font-weight:normal;}
.sc-item-text .rate{font-weight:normal;}

.sc-qrrow{display:flex;align-items:center;gap:18px;margin-top:12px;}
.sc-qr{width:86px;height:86px;padding:4px;border-radius:14px;background: rgba(0,0,0,0.05);display:flex;align-items:center;justify-content:center;overflow:hidden;}
.sc-qr canvas,
.sc-qr img{width:70px !important;height:70px !important;display:block;}
.sc-qrtext{line-height:1.1;}
.sc-qrtitle{font-size:16px;font-weight:700;}
.sc-qrsub{margin-top:6px;font-size:12px;opacity:.78;}

.sc-bottom{margin-top:12px;font-size:12px;opacity:.65;font-weight:normal;}

.sc-alertbar{
  background: rgba(239, 83, 80, 0.5);
  margin-top: 14px;
  border-radius: 12px;
  padding: 10px;
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
}

.sc-alertbar .sc-item-text{
  line-height: 1.25;
}

.sc-alert-svg{
  width:16px;
  height:16px;
  flex:0 0 auto;
  opacity:.92;
  fill: none;
}

@media (prefers-color-scheme: dark) {
  .share-card{
    background:#1b1b1b;
    color:rgba(255,255,255,.92);
    box-shadow:0 10px 30px rgba(0,0,0,.55);
  }
  .sc-desc{opacity:.78;}
  .sc-item{background:rgba(255,255,255,.10);}
  .sc-bottom{opacity:.72;}
  .sc-time{opacity:.72;}
  .sc-vline{background:rgba(255,255,255,.18);}
  .metai-svg{opacity:.9;fill:#FFFFFF;}
  .sc-qr{background: rgba(255, 255, 255, .10);}
}