.site-share{box-sizing:border-box;width:min(100% - 40px,1120px);margin:64px auto 72px;padding:32px;border:1px solid #c9ddd2;border-radius:22px;background:#f7fbf8;color:#143b32;box-shadow:0 8px 30px #153c2910}
.site-share-heading h2{font-size:clamp(26px,2.5vw,34px);line-height:1.3;margin:0 0 12px;color:#123d35}.site-share-heading p{font-size:19px;line-height:1.65;margin:0 0 22px}
.site-share-quick{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.site-share-quick button{min-height:52px;padding:10px 18px;border:1px solid #7fa99c;border-radius:10px;background:#fff;color:#134e42;font-size:17px;font-weight:700;cursor:pointer}.site-share-quick button:hover,.site-share-link:hover{border-color:#0b635c;background:#e8f5ee}.site-share-quick .site-share-primary{background:#0b635c;color:white;border-color:#0b635c}.site-share-quick .site-share-primary:hover{background:#084a45;color:white}
.site-share-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.site-share-link{display:flex;align-items:center;gap:11px;min-height:58px;box-sizing:border-box;border:1px solid #b4cec1;border-radius:12px;padding:10px 14px;background:white;color:#153d33;text-decoration:none;font-size:17px;font-weight:700;line-height:1.4}.site-share-badge{display:flex;align-items:center;justify-content:center;flex:none;width:30px;height:30px;border-radius:8px;background:#e2efe7;color:#125847;font-size:16px;font-weight:800}.site-share-link:nth-child(3) .site-share-badge{background:#e9f0ff;color:#2460ba}.site-share-link:nth-child(4) .site-share-badge{background:#1b2225;color:white}
.site-share-tip{font-size:15px!important;color:#526d60;line-height:1.6!important;margin:20px 0 10px}.site-share-fallback{display:flex;align-items:center;gap:10px}.site-share-fallback label{font-size:15px;font-weight:600;flex:none}.site-share-fallback input{min-width:0;flex:1;min-height:42px;box-sizing:border-box;padding:8px 12px;border:1px solid #afc7b9;border-radius:8px;font-size:15px;background:white;color:#315449}.site-share-status{font-size:16px!important;font-weight:700;min-height:24px;margin:12px 0 0!important;color:#0a6454}
.site-share [hidden]{display:none!important}.site-share :focus-visible{outline:3px solid #ff6633;outline-offset:2px}
@media(max-width:900px){.site-share-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.site-share{width:calc(100% - 24px);margin:44px auto 58px;padding:20px 16px}.site-share-heading p{font-size:17px}.site-share-quick button{flex:1 1 100%;font-size:17px}.site-share-grid{gap:9px}.site-share-link{padding:9px;gap:8px;font-size:15px;min-height:56px}.site-share-badge{width:27px;height:27px}.site-share-fallback{align-items:stretch;flex-direction:column;gap:6px}.site-share-fallback input{width:100%}}
.site-share-entry{box-sizing:border-box;width:min(100% - 40px,1120px);margin:14px auto 0;display:flex;justify-content:flex-end;order:-2}
.site-share-jump{display:inline-flex;align-items:center;gap:9px;min-height:48px;padding:9px 17px;border:1px solid #87b0a2;border-radius:999px;background:#fff;color:#0b635c;text-decoration:none;font-size:18px;font-weight:800;box-shadow:0 3px 12px #143d3212}
.site-share-jump svg{width:22px;height:22px;flex:none}.site-share-jump:hover{background:#e8f5ee;border-color:#0b635c}
.site-share{scroll-margin-top:30px}
@media(max-width:600px){.site-share-entry{width:calc(100% - 24px);margin-top:10px}.site-share-jump{min-height:48px;font-size:17px}}