body { font-family: sans-serif; font-size: 12px; background: #888; margin: 0; }
a { text-decoration-line: none; }
p { margin: 0; padding: 5px; }
.title{ font-size: 26px; }
.ip-list { width: 320px; display: none; border-radius: 5px; overflow: hidden; backdrop-filter: blur(5px); position: absolute; z-index: 999; top: 30px; left: calc(50vw - 160px); }
.ip-list .header { text-align: center; line-height: 40px; font-size: 20px; background: rgba(0, 0, 0, 0.2); position: relative; }
.ip-list .header .close{ font-style: normal; display: inline-block; width: 20px; line-height:20px; border-radius: 50px; color:#fff; background-color: rgb(255, 81, 0); position: absolute; top:10px; right: 10px; cursor: pointer; overflow: hidden; }
.ip-list .data { line-height: 30px; max-height: 500px; margin: 0; overflow: auto; font-size: 16px; background: rgba(255, 255, 255, 0.3); }
table { font-size: 12px; width: 100%; border-collapse: collapse; }
th { background: #aaa; padding: 10px 2px; height: 44px; font-weight: normal; }
table.content td { background: #ddd; height: 20px; padding: 8px; }
table.list { counter-reset: listNumber; }
table.list tr:nth-child(odd) td { background: #ddd; }
table.list tr:nth-child(even) td { background: #ccc; }
table.list tr:last-child td { border-bottom: 2px solid #666; }
td { padding: 5px; }
table.list tr td:first-child:before { counter-increment: listNumber; content: counter(listNumber); }
table.list tr td:last-child, th:last-child { text-align: left; }
div.scan-finished {	/* display: none;*/ }
div.text-div { background-color: #ddd; width: 340px; height: 20px; padding: 10px; }
input[type='number'] { width: 60px; }
input[type='text'] { width: 170px; }
button.start { width: 150px; font-size: 16px; font-weight: bold; color: green; padding: 7px; float: left; }
button.cancel { width: 150px; font-size: 16px; font-weight: bold; color: red; padding: 7px; float: left; display: none; }
#result img{ cursor: pointer; }