/* 北海明珠官网：V4.7.4 分享卡片 */
.share-card-block{margin-top:34px;padding:22px;border:1px solid #dce7f5;border-radius:22px;background:linear-gradient(145deg,#f6faff 0%,#fff 58%,#fff8eb 100%);box-shadow:0 14px 38px rgba(25,65,118,.08)}
.share-card-heading{display:flex;align-items:center;gap:12px;margin-bottom:16px}.share-card-heading>span{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:#0d63cf;color:#fff;box-shadow:0 8px 20px rgba(13,99,207,.24)}.share-card-heading .site-icon{width:21px;height:21px}.share-card-heading strong,.share-card-heading small{display:block}.share-card-heading strong{color:#18304f;font-size:17px}.share-card-heading small{margin-top:3px;color:#72829a;font-size:12px}
.share-card-preview{display:grid;grid-template-columns:190px minmax(0,1fr);min-height:132px;overflow:hidden;border:1px solid #dbe5f2;border-radius:17px;background:#fff;box-shadow:0 8px 24px rgba(28,55,90,.07)}
.share-card-image{position:relative;min-height:132px;background:linear-gradient(135deg,#0d4c97,#2b84d6);overflow:hidden}.share-card-image img{width:100%;height:100%;min-height:132px;object-fit:cover;display:block}.share-card-image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 60%,rgba(5,31,65,.08))}.share-card-image span{display:grid;place-items:center;height:100%;color:#fff;font-weight:800}
.share-card-copy{min-width:0;padding:16px 18px}.share-card-copy>small{display:block;margin-bottom:5px;color:#0d63cf;font-weight:700}.share-card-copy h3{margin:0;color:#1b2d47;font-size:18px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.share-card-copy p{margin:7px 0 8px;color:#66758c;font-size:13px;line-height:1.7;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.share-card-copy>span{color:#9aa7b9;font-size:11px}
.share-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:15px}.share-action{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:9px 14px;border:1px solid #d8e3f1;border-radius:12px;background:#fff;color:#29415f;text-decoration:none;cursor:pointer;font:inherit;font-size:13px;font-weight:700;transition:.2s ease}.share-action:hover{transform:translateY(-1px);border-color:#9fc3ee;color:#0d63cf;box-shadow:0 7px 18px rgba(33,92,160,.1)}.share-action.wechat{border-color:#bce6c9;background:#f1fff5;color:#17833b}.share-action .site-icon{width:17px;height:17px}.native-share[hidden]{display:none!important}
.share-qr-box{margin-top:15px;padding:16px;border:1px dashed #cbdbee;border-radius:16px;background:#fff;text-align:center}.share-qr-box img{width:190px;height:190px;border:1px solid #e4eaf2;border-radius:14px;padding:8px;background:#fff}.share-qr-box p{margin:8px 0 0;color:#6f7e94;font-size:12px}
.share-qr-modal[hidden]{display:none!important}.share-qr-modal{position:fixed;inset:0;z-index:160;display:grid;place-items:center;padding:20px}.share-qr-mask{position:absolute;inset:0;background:rgba(5,14,30,.68)}.share-qr-card{position:relative;z-index:1;width:min(360px,100%);padding:28px;background:#fff;border-radius:18px;text-align:center;box-shadow:0 25px 80px rgba(3,13,31,.4)}.share-qr-card>button{position:absolute;right:12px;top:10px;border:0;background:transparent;font-size:24px}.share-qr-card canvas,.share-qr-card img{margin:15px auto}.share-qr-card p{margin-bottom:0;color:var(--muted);font-size:12px}
@media(max-width:680px){.share-card-block{padding:16px;border-radius:18px}.share-card-preview{grid-template-columns:112px minmax(0,1fr);min-height:112px}.share-card-image,.share-card-image img{min-height:112px}.share-card-copy{padding:12px}.share-card-copy h3{font-size:15px}.share-card-copy p{font-size:12px;-webkit-line-clamp:2}.share-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.share-action{width:100%;padding:8px 7px}.share-card-heading small{display:none}}