*{-webkit-tap-highlight-color:rgba(0, 0, 0, 0);-webkit-tap-highlight-color:transparent}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0, 0, 0, 0.3);-webkit-border-radius:10px;border-radius:10px}::-webkit-scrollbar-thumb{-webkit-border-radius:10px;border-radius:10px;background:rgba(0, 0, 0, 0.4);-webkit-box-shadow:inset 0 0 6px rgba(0, 0, 0, 0.25)}::-webkit-scrollbar-thumb:window-inactive{background:rgba(0, 0, 0, 0.3)}body{display:block;min-height:500px;font-family:"Microsoft YaHei"}body main{min-height:100vh}.tool-box{background-color:#ffffff;border-radius:0.5rem;box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);padding:1.5rem;margin-bottom:1.5rem}.tool-box input,.tool-box textarea{width:100%;padding:0.75rem;font-size:1rem;border:1px solid #d1d5db;border-radius:0.375rem;background-color:#fff;color:#111827;transition:all 0.2s ease}.tool-box input::placeholder,.tool-box textarea::placeholder{color:#9ca3af}.tool-box input:focus,.tool-box textarea:focus{outline:none;border-color:transparent;box-shadow:0 0 0 2px rgba(59, 130, 246, 0.6)}.tool-box input[type=checkbox]{display:inline-block;width:auto}.tool-box .form-box{display:flex;flex-direction:column;gap:1rem;margin-bottom:25px}.tool-box .form-box label{display:block;font-size:0.875rem;font-weight:500;color:#374151;margin-bottom:0.5rem}.tool-box .btn-box{display:flex;flex-wrap:wrap;gap:0.75rem;justify-content:center;margin-bottom:25px}.tool-box .btn-box button{color:#ffffff;padding:0.5rem 1.5rem;border-radius:0.5rem;font-weight:500;box-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1);transition:all 0.2s ease}.tool-box .btn-box button:hover{box-shadow:0 15px 25px -5px rgba(0, 0, 0, 0.15)}.tool-box .btn-box .btn-convert{background-color:#3b82f6}.tool-box .btn-box .btn-convert:hover{background-color:#2563eb}.tool-box .btn-box .btn-copy{background-color:#22c55e}.tool-box .btn-box .btn-copy:hover{background-color:#16a34a}.tool-box .btn-box .btn-export{background-color:#f97316}.tool-box .btn-box .btn-export:hover{background-color:#fb923c}.tool-box .btn-box .btn-reset{background-color:#6b7280}.tool-box .btn-box .btn-reset:hover{background-color:#9ca3af}.tool-box .btn-box .btn-demo{background-color:#38bdf8}.tool-box .btn-box .btn-demo:hover{background-color:#7dd3fc}