.site-agreement-dialog { position: fixed; inset: 0; z-index: 90; display: grid; place-items: center; padding: 20px; background: rgba(8, 10, 14, .72); backdrop-filter: blur(5px); }
.site-agreement-dialog.hidden { display: none; }
.site-agreement-panel { width: min(760px, 100%); max-height: min(82vh, 760px); overflow: hidden; border: 1px solid rgba(255,255,255,.16); border-radius: 8px; color: #f8f9fb; background: #16181d; box-shadow: 0 24px 70px rgba(0,0,0,.46); }
.site-agreement-panel header { display: flex; min-height: 66px; align-items: center; justify-content: space-between; gap: 18px; padding: 14px 20px; border-bottom: 1px solid rgba(255,255,255,.1); }
.site-agreement-panel h2 { margin: 0; font-size: 21px; }
.site-agreement-panel button { width: 36px; height: 36px; border: 0; border-radius: 50%; color: #fff; background: rgba(255,255,255,.08); font-size: 24px; cursor: pointer; }
.site-agreement-content { max-height: calc(82vh - 66px); margin: 0; overflow: auto; padding: 22px 24px 30px; color: #d3d6dd; font: 14px/1.9 "Microsoft YaHei", "PingFang SC", sans-serif; white-space: pre-wrap; overflow-wrap: anywhere; }