<!DOCTYPE html>
<html lang="en">
<head>
<base href="/">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>Hex to PCAP Converter</title>
<style>
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
padding-top: 0;
min-height: 100vh;
background: rgb(251, 250, 250);
display: flex;
justify-content: center;
align-items: flex-start;
}
.container {
width: 80%;
margin: 5px 0;
min-height: 100vh;
padding: 20px;
background: white;
border-radius: 8px;
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}
textarea {
width: 80%;
min-height: 250px;
margin: 10px 0;
font-family: monospace;
padding: 10px;
border: 1px solid #ccc;
border-radius: 4px;
}
button {
background: #007bff;
color: white;
border: none;
padding: 10px 20px;
border-radius: 4px;
cursor: pointer;
margin: 5px;
}
button:hover {
background: #0056b3;
}
.output-container {
margin-top: 20px;
}
.title {
font-weight: bold;
margin-bottom: 5px;
color: #333;
}
.checkbox-container {
margin: 10px 0;
}
.modal {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.5);
}
.modal-content {
background-color: white;
padding: 20px;
border-radius: 8px;
width: 400px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.modal input[type="text"] {
width: 100%;
padding: 8px;
margin: 10px 0;
border: 1px solid #ccc;
border-radius: 4px;
}
.modal-buttons {
display: flex;
justify-content: space-between;
margin-top: 15px;
}
.modal-buttons button {
width: 170px;
}
@media (max-width: 768px) {
.container {
padding: 1rem;
margin: 70px 1rem 1rem;
}
.button-container {
flex-direction: column;
}
.modal-content {
width: 95%;
padding: 1.5rem;
十六进制文本码流转pcap(text2pcap)
最新推荐文章于 2025-05-13 12:54:49 发布