.blog-share{--share-ink:#252822;--share-muted:#686e61;--share-line:#d9ddcf;--share-paper:#fffef9;--share-accent:#43573b;position:relative;display:inline-block;padding:0;border:0;margin:0;font-family:Arial,'PingFang TC','Microsoft JhengHei',sans-serif;text-align:left;letter-spacing:normal;flex-shrink:0}
.blog-share>summary{display:flex;align-items:center;justify-content:center;gap:8px;list-style:none;border:1px solid var(--share-line);border-radius:4px;padding:10px 15px;min-height:42px;box-sizing:border-box;font-size:12px;font-weight:500;line-height:1.5;color:var(--share-ink);background:transparent;cursor:pointer;white-space:nowrap}
.blog-share>summary::-webkit-details-marker{display:none}.blog-share>summary:after,.blog-share[open]>summary:after{display:none;content:none}.blog-share>summary:hover,.blog-share[open]>summary{background:#eef1e7;border-color:#97a28d}.blog-share svg{width:18px;height:18px;flex-shrink:0;display:block}.blog-share :is(a,button,summary,input):focus-visible{outline:2px solid var(--share-accent);outline-offset:3px}
.blog-share .blog-share-panel{position:absolute;z-index:30;top:calc(100% + 9px);right:0;width:254px;box-sizing:border-box;padding:17px;background:var(--share-paper);border:1px solid var(--share-line);border-radius:7px;box-shadow:0 14px 38px #1c241c20;color:var(--share-ink)}
.blog-share .blog-share-heading{font-size:11px;font-weight:600;line-height:1.6;margin:0 0 10px;color:var(--share-muted)}.blog-share nav{display:grid;gap:3px}.blog-share nav>a{display:flex;align-items:center;gap:12px;min-height:40px;padding:6px 9px;box-sizing:border-box;font-size:12px;line-height:1.5;letter-spacing:0;text-decoration:none;color:var(--share-ink);border-radius:3px}.blog-share nav>a>span{margin-left:0}.blog-share nav>a>span:last-child{margin-left:auto;color:var(--share-muted);font-size:14px}.blog-share nav>a:hover{background:#eef1e7}
.blog-share .blog-share-panel button{display:flex;align-items:center;gap:12px;width:100%;box-sizing:border-box;border:0;background:#edf1e7;color:var(--share-accent);border-radius:3px;padding:10px 9px;min-height:42px;font:500 12px/1.5 Arial,'PingFang TC','Microsoft JhengHei',sans-serif;text-align:left;cursor:pointer;margin:12px 0 0}.blog-share .blog-share-panel button:hover{background:#e0e7d7}.blog-share .blog-share-panel button span{display:inline}.blog-share .blog-share-panel .blog-share-native{background:transparent;margin-top:4px}.blog-share [hidden]{display:none!important}.blog-share .blog-share-status{font-size:11px;line-height:1.6;margin:10px 0 0;color:var(--share-accent);white-space:normal}.blog-share .blog-share-status:empty{display:none}.blog-share .blog-share-manual{display:block;font-size:11px;line-height:1.6;margin:12px 0 0}.blog-share .blog-share-manual input{width:100%;box-sizing:border-box;border:1px solid var(--share-line);padding:9px;font-size:12px;background:white;color:var(--share-ink);margin-top:6px;border-radius:3px}
.journal-masthead .blog-share{margin-top:20px}.journal-masthead .blog-share .blog-share-panel{left:0;right:auto}.journal-post .article-end .blog-share-panel{top:auto;bottom:calc(100% + 9px)}
@media(max-width:720px){.blog-share>summary{padding:9px 11px;min-height:40px}.journal-post .hero-actions{flex-shrink:0}.journal-post .hero-actions .blog-share-panel{width:240px}.blog-share .blog-share-panel{max-width:calc(100vw - 40px)}}
@media print{.blog-share{display:none!important}}