.article-share-block { margin:28px 0 0; padding:24px 26px; border:1px solid rgba(36,96,242,0.08); border-radius:18px; background:linear-gradient(180deg, rgba(246,249,255,0.96), rgba(255,255,255,1)); box-shadow:0 16px 38px rgba(20,42,74,0.05); }
.article-share-header { display:flex; align-items:center; gap:14px; margin-bottom:18px; }
.article-share-label { color:#1d2a3b; font-size:14px; font-weight:700; letter-spacing:0.08em; text-transform:uppercase; white-space:nowrap; }
.article-share-line { flex:1 1 auto; height:1px; background:linear-gradient(90deg, rgba(36,96,242,0.22), rgba(36,96,242,0)); }
.article-share-actions { display:flex; flex-wrap:wrap; gap:12px; }
.article-share-preview { display:flex; align-items:center; gap:16px; margin-bottom:18px; padding:14px; border:1px solid #edf1f7; border-radius:16px; background:#fff; }
.article-share-preview-image { flex:0 0 120px; }
.article-share-preview-image img { display:block; width:120px; height:78px; object-fit:cover; border-radius:12px; background:#eef2f7; }
.article-share-preview-text { min-width:0; flex:1; }
.article-share-preview-text h4 { margin:0 0 8px; color:#1d2a3b; font-size:16px; font-weight:700; line-height:1.5; }
.article-share-preview-text p { margin:0; color:#617185; font-size:13px; line-height:1.7; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.article-share-btn { display:inline-flex; align-items:center; justify-content:flex-start; gap:10px; min-width:148px; padding:10px 14px; border:1px solid #e7ebf3; border-radius:16px; background:#fff; color:#314156; font-size:14px; font-weight:600; line-height:1; transition:transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease, color 0.2s ease; }
.article-share-brand { display:inline-flex; align-items:center; justify-content:center; width:36px; height:36px; border-radius:12px; color:#fff; flex:0 0 36px; box-shadow:inset 0 -6px 12px rgba(0,0,0,0.08); }
.article-share-brand i, .article-share-brand .article-share-glyph { font-size:18px; line-height:1; }
.article-share-brand .article-share-glyph { display:inline-block; font-weight:700; font-size:17px; }
.article-share-btn:hover { transform:translateY(-1px); box-shadow:0 10px 24px rgba(17,30,56,0.08); }
.article-share-brand--wechat { background:linear-gradient(135deg, #47c65d, #1aad19); }
.article-share-brand--weibo { background:linear-gradient(135deg, #ff7c5a, #e6162d); }
.article-share-brand--moments { background:linear-gradient(135deg, #20c997, #0f9d58); }
.article-share-brand--x { background:linear-gradient(135deg, #3c3c3c, #111111); }
.article-share-brand--facebook { background:linear-gradient(135deg, #4f8dfd, #1877f2); }
.article-share-brand--copy { background:linear-gradient(135deg, #4b7cf3, #2460f2); }
.article-share-btn--wechat:hover { color:#1aad19; border-color:rgba(26,173,25,0.28); }
.article-share-btn--weibo:hover { color:#e6162d; border-color:rgba(230,22,45,0.28); }
.article-share-btn--moments:hover { color:#0f9d58; border-color:rgba(15,157,88,0.28); }
.article-share-btn--x:hover { color:#111; border-color:rgba(17,17,17,0.18); }
.article-share-btn--facebook:hover { color:#1877f2; border-color:rgba(24,119,242,0.28); }
.article-share-btn--copy:hover { color:var(--primary-color); border-color:rgba(36,96,242,0.28); }
.article-share-wechat-panel { width:300px; padding:18px 18px 10px; text-align:center; background:#fff; }
.article-share-qrcode { display:flex; align-items:center; justify-content:center; min-height:256px; margin-bottom:12px; }
.article-share-qrcode table, .article-share-qrcode canvas, .article-share-qrcode img { margin:0 auto; }
.article-share-wechat-panel p { margin:0; color:#516072; font-size:13px; line-height:1.7; }
@media (max-width:767.98px) {
    .article-share-block { padding:18px 16px; margin-top:24px; border-radius:14px; }
    .article-share-header { margin-bottom:14px; }
    .article-share-actions { gap:10px; }
    .article-share-preview { align-items:flex-start; flex-direction:column; }
    .article-share-preview-image, .article-share-preview-image img { width:100%; height:auto; max-height:220px; }
    .article-share-btn { min-width:0; flex:1 1 calc(50% - 10px); padding:10px 12px; font-size:13px; border-radius:14px; }
}
@media (max-width:479.98px) {
    .article-share-btn { flex-basis:100%; }
    .article-share-wechat-panel { width:100%; max-width:280px; }
    .article-share-qrcode { min-height:220px; }
}