/* Shared share controls; the page-specific metadata layouts remain in PC/WAP styles. */
.article-share { display:flex; align-items:center; gap:13px; margin-left:auto; flex-shrink:0; color:#778397; font-size:13px; }
.article-share :is(button,a) { font:inherit; cursor:pointer; }
.article-share svg { display:block; width:22px; height:22px; flex:none; }
.article-share :is([hidden],dialog:not([open])) { display:none!important; }
.article-share :is(button,a,input):focus-visible { outline:2px solid #2466b8; outline-offset:3px; }
.article-share__channel,.article-share__trigger { display:inline-flex; align-items:center; justify-content:center; gap:5px; min-height:32px; padding:0; border:0; background:transparent; color:inherit!important; white-space:nowrap; }
.article-share__channel--weibo:hover { color:#d94e3c!important; }
.article-share__channel--wechat:hover { color:#219a5a!important; }
.article-share--desktop { box-sizing:border-box; width:160px; justify-content:flex-end; gap:9px; margin-left:0; padding-left:9px; border-left:1px solid #dce5f0; }
.article-share--mobile { justify-self:end; margin-left:0; gap:0; font-size:11.5px; font-weight:400; line-height:1.5; }
.article-share--mobile .article-share__trigger { min-height:44px; min-width:52px; padding:0 3px; border:0; gap:4px; color:#536b89!important; font-size:inherit; font-weight:400; line-height:1.5; white-space:nowrap; }
.article-share--mobile .article-share__trigger svg { width:15px; height:15px; }
.article-share-dialog { position:fixed; inset:0; width:min(400px,calc(100vw - 32px)); max-width:none; max-height:calc(100dvh - 32px); margin:auto; padding:24px; overflow:auto; overscroll-behavior:contain; border:1px solid #e3e9f1; border-radius:16px; box-shadow:0 16px 70px #18355233; background:#fff; color:#344257; text-align:left; font:14px/1.6 "Microsoft YaHei","PingFang SC",sans-serif; }
.article-share-dialog::backdrop { background:#172d4d66; }
.article-share-dialog__header { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:16px; }
.article-share-dialog .article-share-dialog__header h2 { margin:0; font-size:18px; font-weight:600; color:#26384d; }
.article-share-dialog__close { display:grid; place-items:center; width:44px; height:44px; margin:-10px -10px -10px 0; padding:10px; border:0; border-radius:50%; background:transparent; color:#7b899a; }
.article-share-dialog__close:hover { background:#f1f5fa; }
.article-share-dialog__channels { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; padding:10px 0 14px; }
.article-share-dialog .article-share-dialog__option { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:10px; min-height:92px; padding:10px 3px; border:0; border-radius:10px; background:#f7f9fc; color:#536b89; font-size:13px; text-decoration:none; }
.article-share-dialog__option svg { width:30px; height:30px; }
.article-share-dialog__option.article-share__channel--weibo svg { color:#d94e3c; }
.article-share-dialog__option.article-share__channel--wechat svg { color:#219a5a; }
.article-share-dialog__wechat { text-align:center; }
.article-share-dialog__wechat img { display:block; width:180px; max-width:100%; height:auto; margin:0 auto 12px; }
.article-share-dialog__wechat p { margin:0 auto 14px; max-width:290px; color:#67778c; font-size:13px; line-height:1.8; }
.article-share-dialog__back { min-height:44px; margin-bottom:8px; border:0; background:transparent; color:#2466b8; }
.article-share-dialog__link label { display:block; margin-bottom:6px; color:#67778c; font-size:12px; }
.article-share-dialog__link>div { display:flex; align-items:stretch; gap:8px; }
.article-share-dialog__link input { width:0; min-width:0; flex:1; padding:9px; border:1px solid #dce5ef; border-radius:6px; background:#f8fafc; color:#536b89; font-size:13px; }
.article-share-dialog__link button { flex:none; min-height:44px; padding:9px 12px; border:0; border-radius:6px; background:#eaf2ff; color:#2466b8; font-size:13px; }
.article-share-dialog .article-share-dialog__status { margin:10px 0 0; color:#247452; font-size:13px; }
.article-share-dialog__status:empty { display:none; }
.article-share-dialog__cancel { display:block; width:100%; min-height:44px; margin-top:16px; border:0; border-top:1px solid #e5ebf3; background:transparent; color:#66778d; }
.article-share-dialog--mobile { top:auto; bottom:0; width:100%; max-width:640px; max-height:85dvh; padding:20px 20px calc(12px + env(safe-area-inset-bottom)); border-radius:18px 18px 0 0; }
