@font-face{font-family:aidianfengyahei;src:url(aidianfengyahei.ttf) format('truetype')}
body{font-family:aidianfengyahei,sans-serif;background-color:#f5f5f5;color:#333;margin:0;padding:20px;transition:background-color .3s ease;animation:fadeIn 1s ease}
.container{max-width:800px;margin:0 auto}
h1{text-align:center;color:#333;margin-bottom:20px;animation:fadeIn 1s ease}
h2{color:#333;margin-top:30px;animation:fadeIn 1s ease}
button{background-color:#3498db;color:#fff;border:none;padding:10px 15px;margin:5px 0;cursor:pointer;border-radius:5px;font-size:14px;transition:background-color .3s ease,transform .3s ease;animation:fadeIn 1s ease}
button:hover{background-color:#2980b9;transform:scale(1.05)}
input[type=file],input[type=number],input[type=radio],input[type=text]{padding:8px;margin:5px 0;border:1px solid #ccc;border-radius:5px;font-size:14px;background-color:#fff;color:#333;transition:border-color .3s ease,background-color .3s ease;animation:fadeIn 1s ease}
input[type=file]{padding:5px}
input[type=number],input[type=text]{width:100px}
input[type=file]:hover,input[type=number]:hover,input[type=radio]:hover,input[type=text]:hover{border-color:#3498db;background-color:#f5f5f5}
#instrumentTable,#mappingTable,table{border-collapse:collapse;width:100%;margin-top:10px;animation:fadeIn 1s ease}
#instrumentTable td,#instrumentTable th,#mappingTable td,#mappingTable th,td,th{border:1px solid #ccc;padding:8px;text-align:left;transition:background-color .3s ease}
#instrumentTable th,#mappingTable th,th{background-color:#f5f5f5;padding-top:12px;padding-bottom:12px;color:#333}
#instrumentTable tr:nth-child(even),#mappingTable tr:nth-child(even){background-color:#f5f5f5}
#instrumentTable tr:hover,#mappingTable tr:hover{background-color:#e0e0e0}
#chartContainer{display:none;margin-top:20px;animation:fadeIn 1s ease}
#chart{width:100%;height:400px}
#instructions{background-color:#f5f5f5;padding:10px;border:1px solid #ccc;border-radius:5px;margin-top:10px;color:#333;animation:fadeIn 1s ease}
.hidden{display:none}
a{color:#3498db;text-decoration:none;transition:color .3s ease;animation:fadeIn 1s ease}
a:hover{text-decoration:underline;color:#2980b9}
label{display:block;margin:10px 0;color:#333;transition:color .3s ease;animation:fadeIn 1s ease}
label input[type=radio]{margin-right:10px}
pre{background-color:#f5f5f5;padding:10px;border:1px solid #ccc;border-radius:5px;margin-top:20px;white-space:pre-wrap;word-wrap:break-word;color:#333;animation:fadeIn 1s ease}
@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}
to{opacity:1;transform:translateY(0)}
}