.yun-share-panel{box-sizing:border-box;width:min(760px,calc(100% - 48px));margin:36px auto 52px;padding:24px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0 28px;align-items:center;border:1px solid #dcded5;border-radius:10px;background:#fffdf8;color:#20352f;font-family:"Microsoft YaHei","PingFang SC",system-ui,sans-serif;text-align:left}
.yun-share-panel *{box-sizing:border-box}
.yun-share-panel .ys-kicker{margin:0 0 8px;color:#617e70;font-size:11px;font-weight:500;letter-spacing:.15em;line-height:1.6}
.yun-share-panel .ys-hint{max-width:450px;margin:0;color:#748376;font-size:13px;line-height:1.85;white-space:normal}
.yun-share-panel .ys-share-button{display:flex;align-items:center;justify-content:space-between;gap:28px;min-width:155px;min-height:46px;margin:0;padding:11px 19px;border:1px solid #31574b;border-radius:5px;background:#31574b;color:#fffdf8;font-family:inherit;font-size:14px;font-weight:400;line-height:1.6;letter-spacing:.05em;cursor:pointer;transition:background .2s}
.yun-share-panel .ys-share-button:hover{background:#25473c}
.yun-share-panel .ys-share-button>span{color:#cbd6c7;font-size:17px}
.yun-share-panel .ys-details{grid-column:1/-1;min-width:0;margin-top:19px;padding-top:13px;border-top:1px solid #e3e6dc}
.yun-share-panel .ys-details>summary{display:flex;align-items:center;gap:8px;width:fit-content;min-height:34px;padding:4px 0;list-style:none;color:#486858;font-size:12px;font-weight:400;line-height:1.8;cursor:pointer}
.yun-share-panel .ys-details>summary::-webkit-details-marker{display:none}
.yun-share-panel .ys-details>summary:before{content:"";width:5px;height:5px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(-45deg);transition:transform .18s}
.yun-share-panel .ys-details[open]>summary:before{transform:rotate(45deg)}
.yun-share-panel .ys-qr-content{margin-top:14px;padding:22px 18px;background:#fff;border:1px solid #e6e9e0;border-radius:5px;text-align:center}
.yun-share-panel .ys-qr-content .ys-qr-image{display:block;width:min(248px,100%);height:auto;margin:0 auto;background:#fff}
.yun-share-panel .ys-qr-title{margin:12px 0 0;color:#345446;font-size:14px;font-weight:500;line-height:1.7;overflow-wrap:anywhere;white-space:normal}
.yun-share-panel .ys-qr-status,.yun-share-panel .ys-qr-caption{margin:10px 0 0;color:#778778;font-size:12px;line-height:1.85;white-space:normal}
.yun-share-panel .ys-save{min-height:40px;margin-top:15px;padding:7px 17px;border:1px solid #cdd7c9;border-radius:4px;background:#fffdf8;color:#486858;font:inherit;font-size:12px;cursor:pointer}
.yun-share-panel .ys-share-status{grid-column:1/-1;margin:10px 0 0;color:#6b7f6e;font-size:12px;line-height:1.8}
.yun-share-panel button:focus-visible,.yun-share-panel summary:focus-visible{outline:2px solid #9cae97;outline-offset:4px}
.forest-watch .yun-share-panel,.viewer-content .yun-share-panel,.yun-public-reader .yun-share-panel{width:100%;margin:26px 0}
.viewer-content .yun-share-panel{grid-template-columns:1fr;padding:20px;gap:14px}
.viewer-content .yun-share-panel .ys-share-button{width:100%}
.viewer-content .yun-share-panel .ys-details{margin-top:0}
@media(max-width:640px){.yun-share-panel{width:calc(100% - 36px);margin:28px auto 36px;padding:20px;grid-template-columns:1fr;gap:15px}.yun-share-panel .ys-kicker{font-size:10px;margin-bottom:6px}.yun-share-panel .ys-hint{font-size:12px;line-height:1.9}.yun-share-panel .ys-share-button{width:100%;min-height:46px;font-size:14px}.yun-share-panel .ys-details{margin-top:0;padding-top:11px}.yun-share-panel .ys-details>summary{min-height:37px;font-size:12px}.yun-share-panel .ys-qr-content{padding:18px 12px}.yun-share-panel .ys-qr-content .ys-qr-image{max-width:232px}}
@media(prefers-reduced-motion:reduce){.yun-share-panel .ys-share-button,.yun-share-panel .ys-details>summary:before{transition:none}}

/* Photo captions in the public reader and the standalone WeChat share page. */
.content-blocks figure{text-align:center}
.content-blocks figure>img,main figure>img{display:block;margin-inline:auto}
.content-blocks figure>figcaption,main figure>figcaption{display:block;margin:14px auto 0;text-align:center;color:#20352f;font-family:system-ui,"Microsoft YaHei",sans-serif;font-size:27px;font-weight:600;line-height:1.55;letter-spacing:.015em;overflow-wrap:anywhere;-webkit-font-smoothing:antialiased}
@media(max-width:600px){.content-blocks figure>figcaption,main figure>figcaption{font-size:25.2px;line-height:1.5;margin-top:12px}}