.popup-notice{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:20px;background:rgba(0,0,0,.45)}
.popup-notice[hidden]{display:none}
.popup-notice-card{width:min(420px,calc(100vw - 36px));max-height:min(70vh,560px);overflow:auto;border-radius:10px;background:#fff;box-shadow:0 12px 36px rgba(0,0,0,.2)}
.popup-notice-card header{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid #eee;font-size:19px}
.popup-notice-card header button{width:32px;height:32px;color:#888;font-size:26px;line-height:1}
.popup-notice-body{padding:20px 18px;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7;color:#444}
.popup-notice-confirm{display:block;width:calc(100% - 36px);margin:0 18px 18px;padding:11px;border-radius:22px;background:#444;color:#fff;font-size:15px}