.detail-share{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:12px 0 18px}
.detail-share-button{display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:7px 12px;border:1px solid #d7e1d9;border-radius:4px;background:#fff;color:#287d46;font:inherit;font-size:14px;cursor:pointer}
.detail-share-button:hover,.detail-share-button:focus-visible{background:#edf5ef;border-color:#287d46;outline:2px solid transparent}
.detail-share-status{min-height:1.4em;color:#287d46;font-size:13px}
.detail-share-dialog{width:min(360px,calc(100vw - 32px));border:1px solid #d7e1d9;border-radius:6px;padding:20px;background:#fff;color:#333;text-align:center;box-shadow:0 12px 40px #0003}
.detail-share-dialog::backdrop{background:#15251c99}
.detail-share-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left}
.detail-share-dialog-head h2{margin:0;font-size:18px;font-weight:600}
.detail-share-close{width:36px;height:36px;flex:0 0 36px;border:0;border-radius:4px;background:#f2f5f2;color:#444;font-size:18px;cursor:pointer}
.detail-share-qr{display:block;width:240px;height:240px;max-width:100%;margin:16px auto 10px;image-rendering:pixelated}
.detail-share-dialog-caption,.detail-share-wechat-hint{margin:8px 0 0;color:#555;font-size:14px;line-height:1.7}
.detail-share-wechat-hint{padding:10px;background:#f0f6f1;border-left:3px solid #287d46;text-align:left}
@media(max-width:575.98px){.detail-share{gap:6px}.detail-share-button{padding:7px 10px}.detail-share-status{flex-basis:100%}}