.article-reading-main{min-width:0}
.article-share-trigger,.article-share-dialog :is(button,.share-actions>a){display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:44px;min-height:44px;padding:10px;border:1px solid var(--border);border-radius:9px;color:var(--ink);background:var(--panel);font:inherit;cursor:pointer;text-decoration:none}
.article-share-trigger svg,.article-share-dialog svg{width:21px;height:21px;flex-shrink:0}
.article-share-trigger{flex-shrink:0;margin-left:auto;width:44px;height:44px}
.article-share-footer{display:flex;justify-content:flex-end;margin:24px 0 36px}
.article-share-dialog{box-sizing:border-box;width:min(600px,calc(100vw - 28px));max-width:none;max-height:calc(100dvh - 32px);padding:22px;border:1px solid #50604c;border-radius:16px;background:#151b16;color:var(--ink);box-shadow:0 24px 80px #0009;overflow:auto;font:16px/1.65 var(--font);overscroll-behavior:contain}
.article-share-dialog::backdrop{background:#050a07b8}
.article-share-dialog [hidden],.article-share-trigger[hidden]{display:none!important}
.share-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}
.share-heading h2{margin:0;font-size:22px;line-height:1.5}
.share-heading .i18n{gap:4px 10px}
.article-share-dialog .i18n>[data-lang=zh]{font-size:inherit;opacity:1}
.share-platforms{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-bottom:20px}
.article-share-dialog .share-platforms :is(button,a){display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:76px;min-width:0;padding:10px 4px;font-size:16px;line-height:1.4;text-decoration:none;color:var(--ink);background:#202a22;border:1px solid var(--border);border-radius:9px}
.share-platforms .i18n{display:flex;flex-direction:column;gap:3px;align-items:center}
.article-share-dialog .share-platforms [aria-pressed=true]{background:#30402c;border-color:var(--lime)}
.article-share-dialog :is(button,a):hover,.article-share-trigger:hover{border-color:var(--lime);color:var(--lime)}
.article-share-dialog :is(button,a,textarea):focus-visible,.article-share-trigger:focus-visible{outline:3px solid #88bfff;outline-offset:3px}
.share-media{margin-bottom:18px}.share-media figure{margin:0;display:grid;grid-template-columns:minmax(0,180px) minmax(0,1fr);align-items:center;gap:18px}
.share-qr img{display:block;width:180px;height:180px;background:white;border-radius:8px}
.share-poster img{display:block;width:auto;max-width:100%;height:auto;max-height:240px;border-radius:7px}
.share-media figcaption{font-size:16px;line-height:1.6;color:#d1d9cb}
.share-media figcaption .i18n{display:flex;flex-direction:column;gap:6px}
.share-text-label{display:block;margin-bottom:8px;color:#d1d9cb}
.article-share-dialog textarea{box-sizing:border-box;display:block;width:100%;min-height:100px;max-height:260px;resize:vertical;padding:12px;border:1px solid #52604d;border-radius:8px;background:#0e140f;color:var(--ink);font:16px/1.6 var(--font)}
.share-actions{position:sticky;bottom:-1px;background:#151b16;padding-block:10px 2px;display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:14px}
.share-actions>output{flex:1 1 150px;font-size:16px;line-height:1.5;color:#c7e6a9}
.share-actions>output:empty{display:none}
.share-manual{margin-top:16px}.share-manual label{display:block;margin-bottom:8px}
html:has(.article-share-dialog[open]){overflow:hidden}
@media(max-width:420px){.article-share-dialog{padding:16px}.share-platforms{gap:8px}.share-heading h2{font-size:20px}.share-platforms .i18n{font-size:16px}.share-poster img{max-height:270px}}
@media print{.article-share-trigger,.article-share-footer,.article-share-dialog{display:none!important}}

@media(max-width:560px){.share-platforms{grid-template-columns:repeat(3,minmax(0,1fr))}.share-media figure{grid-template-columns:minmax(0,140px) minmax(0,1fr);gap:12px}.share-media .share-qr{display:flex;flex-direction:column}.share-qr img{width:196px;height:196px}.share-poster img{max-height:220px}}