:root{font-family:system-ui,"Microsoft YaHei",sans-serif;color:#18324f;background:#f5f8fc}*{box-sizing:border-box}body{margin:0;display:flex;flex-direction:column;height:100vh;height:100dvh}header{background:white;border-bottom:1px solid #dce6f0;padding:12px 20px;flex:none}.navigation{display:flex;align-items:center;gap:18px;flex-wrap:wrap}h1{font-size:18px;margin:0;flex:1}a{color:#286db3;text-decoration:none}p{margin:7px 0 0;line-height:1.6;font-size:13px;color:#526981}#usage{color:#176e52}main{position:relative;flex:1;min-height:0}#frame-root,iframe{width:100%;height:100%;border:0}#gate{position:absolute;inset:0;z-index:10;display:grid;place-items:center;background:#f5f8fc}#gate[hidden]{display:none}#gate>div{width:min(480px,calc(100% - 32px));padding:28px;background:white;border:1px solid #dce6f0;border-radius:14px}h2{margin:0;font-size:20px}button{background:#327fcc;color:white;border:0;border-radius:7px;padding:11px 16px;margin:20px 14px 0 0;cursor:pointer}button:disabled{opacity:.5;cursor:wait}#gate a{display:inline-block;margin:12px 12px 0 0}#gate a[hidden]{display:none}@media(max-width:600px){header{padding:10px 12px}.navigation{gap:10px}h1{font-size:16px}.navigation a{font-size:13px}#rule{font-size:12px}}