*{margin:0;padding:0;box-sizing:border-box}
html,body{background:#f4f5f7}
body{font-family:system-ui,-apple-system,"Microsoft YaHei",sans-serif;padding:18px 14px 40px;color:#333;-webkit-text-size-adjust:100%}
.wrap{max-width:400px;margin:0 auto}
.head{font-size:16px;font-weight:600;color:#1f2329;text-align:center;margin:0 0 2px}
.box{background:#fff;border:1px solid #e6e8eb;border-radius:14px;padding:24px 20px;text-align:center;margin-bottom:14px;box-shadow:0 1px 3px rgba(0,0,0,.04)}
.card{background:#fff;border:1px solid #e6e8eb;border-radius:12px;padding:12px;text-align:center;margin-bottom:10px;box-shadow:0 1px 3px rgba(0,0,0,.04)}
.iname{font-size:17px;font-weight:bold;color:#2563eb;margin-bottom:6px}
.note{font-size:12px;color:#8b9198;margin-bottom:10px;line-height:1.5}
.small{color:#9aa0a6;font-size:12px;margin-bottom:8px}
.pubip{font-size:13px;font-weight:600;color:#2563eb;text-align:center;margin:0 0 12px}
.cks{display:flex;flex-wrap:nowrap;justify-content:space-between;gap:4px;margin:4px 0 8px;text-align:left}
.ck{display:flex;align-items:center;gap:6px;color:#555;font-size:14px;margin:0}
.ck input{width:16px;height:16px;margin:0}
.row{display:flex;align-items:center;gap:8px;margin-bottom:6px}
.row>label{width:36px;margin:0;flex:none}
.row input{width:92px;margin:0;padding:6px 8px}
.err{display:none;color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:8px 10px;font-size:13px;margin-top:10px;text-align:left}
.item{display:flex;align-items:center;gap:6px;border:1px solid #e5e7eb;border-radius:8px;padding:5px 6px;margin-top:5px}
.pw{flex:1;font-family:Consolas,Menlo,monospace;font-size:13px;word-break:break-all;text-align:left;user-select:text}
.copy{margin:0;padding:4px 10px;background:#f3f4f6;color:#374151;border:1px solid #e5e7eb}
.ok{color:#2e7d32}
.bad{color:#c62828}
.big{font-size:14px;font-weight:500;color:#1f2329;letter-spacing:0;line-height:1.4}
.cap{color:#b6bbc0;font-size:11px;margin-top:6px}
.prog{color:#6b7177;font-size:12px;margin-top:14px}
.recs{margin-top:10px;text-align:center}
.rec{display:inline-block;font-size:12px;color:#5f656b;margin:2px 5px}
.msg{color:#2e7d32;font-size:12px;margin-top:10px}
.deny{font-size:17px;color:#c62828;font-weight:600}
button{margin-top:8px;padding:7px 18px;font-size:13px;border:none;border-radius:8px;background:#2563eb;color:#fff;cursor:pointer}
button:active{background:#1d4ed8}
.delbtn{background:#e5484d;margin-left:8px}
.delbtn:active{background:#c93a3e}
input{width:100%;padding:9px 10px;margin:5px 0 9px;border:1px solid #e0e3e6;border-radius:8px;font-size:14px;background:#fff}
input:focus{outline:none;border-color:#2563eb}
label{display:block;text-align:left;color:#6b7177;font-size:12px}
a{color:#2563eb;text-decoration:none}