.share-preview{max-width:540px;margin-block:var(--space-5) var(--space-14)}.share-preview>p{color:var(--haze);margin-top:12px}.share-formats{margin-block:var(--space-4) 0;border-bottom:1px solid var(--hairline);gap:8px;padding-bottom:12px;display:flex}.share-formats a{min-height:44px;color:var(--haze);font-weight:600;font-size:var(--text-sm);border-radius:999px;align-items:center;gap:6px;padding:8px 14px;display:inline-flex}.share-formats a span{font-size:var(--text-xs)}.share-formats a[aria-current=page]{background:var(--cream);color:var(--ink)}.share-artwork{width:fit-content;max-width:100%;margin-top:44px;position:relative}.share-card-frame{border:1px solid var(--hairline);border-radius:var(--radius-card);background:var(--night-800);padding:8px;overflow:hidden}.share-luna{position:absolute;top:-34px;left:12px}.share-luna svg{display:block}.share-art{aspect-ratio:9/16;background:var(--night-900);border-radius:16px;width:auto;max-width:100%;height:min(36svh,400px);display:block}.share-art-square{aspect-ratio:1;height:min(30svh,320px)}.share-preview .share-message{margin-block:24px}.share-panel{margin-top:var(--space-6)}.lunabao .share-primary-sticky{bottom:max(var(--space-3), env(safe-area-inset-bottom));z-index:5;margin-top:var(--space-5);position:sticky}.lunabao .share-primary-sticky,.lunabao .share-primary-sticky:active{box-shadow:0 4px 0 var(--bao-edge), 0 0 0 5px var(--night-900), 0 12px 24px 8px color-mix(in srgb, var(--night-900) 70%, transparent)}.lunabao .share-primary-sticky:active{box-shadow:0 1px 0 var(--bao-edge), 0 0 0 5px var(--night-900), 0 12px 24px 8px color-mix(in srgb, var(--night-900) 70%, transparent)}.lunabao .share-primary-sticky+.share-panel{margin-top:var(--space-6)}.share-more-link{min-height:44px;margin-top:var(--space-2);font-size:var(--text-sm);justify-content:center;align-items:center;font-weight:600;display:flex}#more-sharing{scroll-margin-top:var(--space-6)}@media (max-height:640px){.lunabao .share-preview>h1{font-size:var(--text-xl)}.lunabao .share-preview .share-primary-sticky{position:static}}.share-panel h2{font-size:var(--text-xl)}.lunabao .share-panel-head p{margin-top:var(--space-1);color:var(--haze);font-size:var(--text-sm)}.share-panel-with-preview{align-items:center;gap:var(--space-4);grid-template-columns:92px minmax(0,1fr);display:grid}.share-thumb{aspect-ratio:9/16;background:var(--night-800);border-radius:12px;width:92px;height:auto;display:block}.lunabao .share-primary{margin-top:var(--space-3);gap:10px}.share-primary svg{flex:none}.lunabao .share-primary:disabled{cursor:progress;opacity:.7}.lunabao .share-status{margin-top:var(--space-3);color:var(--haze);font-size:var(--text-sm)}.lunabao .share-status:empty{margin-top:0}.share-grid{gap:var(--space-2);margin-top:var(--space-4);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.lunabao .share-tile{background:var(--night-800);min-width:0;min-height:72px;color:var(--moon);font:600 var(--text-xs)/1.15 var(--font-body);text-align:center;cursor:pointer;transition:background var(--dur-press) linear;border:0;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:10px 2px;text-decoration:none;display:flex}.share-tile svg{flex:none}.lunabao .share-tile:hover:not(:disabled),.lunabao .share-tile:active:not(:disabled){background:var(--night-700)}.lunabao .share-tile:disabled{color:var(--haze);cursor:not-allowed}.share-tile:disabled svg{opacity:.55}.lunabao .share-how{margin-top:var(--space-3);color:var(--haze);font-size:var(--text-xs)}.lunabao .share-preview-link{min-height:56px;margin-top:var(--space-4);border-block:1px solid var(--hairline);color:var(--lilac);font-size:var(--text-sm);justify-content:space-between;align-items:center;font-weight:600;text-decoration:none;display:flex}@media (min-width:860px){.share-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.reading-result .share-panel,.lunabao .reading-result .share-primary-sticky{max-width:640px}}
