html{height:100%;overflow-y:auto;scrollbar-gutter:stable;background:#dfe3e6}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;background-color:#f4f4f9;color:#333;min-height:100vh;width:100%;margin:0 auto;padding-bottom:40px;border-radius:16px;overflow:hidden;box-shadow:0 10px 30px #0000000f;display:flex;flex-direction:column;align-items:center}header{background-color:#2a9d8f;color:#fff;padding:20px;width:100%;height:150px;text-align:center;box-shadow:0 2px 5px #0000001a}header h1{margin-bottom:10px;font-weight:600}#searchInput{padding:10px 16px;font-size:16px;width:60%;max-width:400px;border:0;border-radius:4px;box-shadow:0 2px 5px #0000001a;transition:all .35s ease}#searchInput:focus{outline:none;box-shadow:0 3px 10px #0003;transform:translateY(-2px)}main{display:flex;flex-direction:column;align-items:center;margin-top:30px;width:100%;padding:0 20px}.tool-list{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:20px;width:90%;max-width:1200px;animation:fadeIn .5s ease}.tool-item{background-color:#fff;border-radius:12px;padding:25px 20px;width:220px;text-align:center;cursor:pointer;transition:transform .35s ease,box-shadow .35s ease;box-shadow:0 2px 10px #0000000f;display:flex;flex-direction:column;align-items:center;opacity:0;animation:cardIn .6s ease forwards}.tool-item:hover{transform:translateY(-7px) scale(1.02);box-shadow:0 12px 25px #00000026}.tool-item h3{margin:15px 0 10px;color:#2a9d8f;font-weight:600;transition:color .3s ease}.tool-item:hover h3{color:#218579}.tool-item p{color:#666;font-size:14px;line-height:1.4}.tool-icon{width:60px;height:60px;background-color:#e0f5f2;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:10px;position:relative;transition:transform .35s ease}.tool-item:hover .tool-icon{transform:scale(1.1) rotate(3deg)}.tool-icon:before{font-size:24px;color:#2a9d8f}.tool-icon.json:before{content:"{ }";font-weight:700}.tool-icon.ip:before{content:"IP";font-weight:700}.tool-icon.qrcode:before{content:"QR";font-weight:700}.tool-icon.md5:before{content:"#";font-weight:700}.tool-icon.base64:before{content:"64";font-weight:700}.tool-icon.zip:before{content:"zip";font-weight:700}.tool-icon.pdf:before{content:"pdf";font-weight:700}.tool-icon.icon:before{content:"icon";font-weight:700}.tool-icon.speed:before{content:"网速";font-weight:700}.tool-icon.p⇌y:before{content:"p⇌y";font-weight:700}.tool-icon.timestamp:before{content:"time";font-weight:700}.tool-icon.screen:before{content:"屏幕";font-weight:700}.tool-icon.idQuery:before{content:"ID";font-weight:700}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes cardIn{0%{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:768px){.tool-list{justify-content:center}}