.site-notice{position:fixed;inset:0;width:min(420px,calc(100% - 36px));max-width:420px;max-height:min(82dvh,700px);margin:auto;padding:0;border:1px solid #eed89d;border-radius:20px;background:#fffdf8;color:#45391f;box-shadow:0 25px 90px #221a0847;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;overflow:hidden;box-sizing:border-box}
.site-notice::backdrop{background:#1e231d85;backdrop-filter:blur(3px)}
.site-notice-card{display:flex;flex-direction:column;max-height:min(82dvh,700px);min-height:180px}
.site-notice header{position:relative;flex:none;padding:25px 25px 18px;background:linear-gradient(125deg,#fff4d3,#fffdf8);border-bottom:1px solid #f2e7ca;text-align:left}
.site-notice-eyebrow{display:block;padding-right:25px;color:#ad7f20;font-size:10px;font-weight:650;letter-spacing:2px}
.site-notice h2{margin:8px 18px 0 0;color:#493919;font-size:23px;line-height:1.35;font-weight:750;overflow-wrap:anywhere}
.site-notice-close{position:absolute;top:14px;right:14px;display:grid;place-items:center;width:32px;height:32px;padding:0;border:0;border-radius:50%;background:#b89a4c12;color:#867341;font-size:25px;cursor:pointer}
.site-notice-content{flex:1;min-height:0;overflow:auto;padding:20px 25px;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.site-notice-text{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;color:#625538;font-size:15px;line-height:1.85}
.site-notice-image{display:block;width:100%;height:auto;max-height:45dvh;object-fit:contain;border-radius:10px}.site-notice-image+.site-notice-text{margin-top:14px}.site-notice-image[hidden]{display:none}.site-notice-image-error{font-size:13px;color:#8a7041}
.site-notice footer{flex:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 25px 20px;border-top:1px solid #f3eee2;background:#fffdf8}
.site-notice-countdown{font-size:12px;color:#9b8b68}.site-notice-confirm{padding:10px 22px;border:0;border-radius:10px;background:#bd8a20;color:white;font-size:14px;font-weight:650;cursor:pointer}.site-notice button:focus-visible{outline:2px solid #ad7f20;outline-offset:3px}
.site-notice-progress{height:3px;flex:none;background:#f3ead4}.site-notice-progress i{display:block;height:100%;background:#d1a74b;transform-origin:left;transition:transform .1s linear}
@media(max-width:350px){.site-notice header{padding:20px}.site-notice h2{font-size:21px}.site-notice-content{padding:16px 20px}.site-notice footer{padding:14px 20px}.site-notice-confirm{padding:10px 16px}}
@media(prefers-reduced-motion:reduce){.site-notice-progress i{transition:none}}