:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.card{padding:2em}#app{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.tool-box[data-v-5ec91e59]{max-width:1200px;margin:0 auto;padding:20px;font-family:Arial,sans-serif}header h1[data-v-5ec91e59]{font-size:24px;color:#333;text-align:center;margin-bottom:20px}.container[data-v-5ec91e59]{display:flex;gap:20px}.sidebar[data-v-5ec91e59]{width:200px;background:#f5f5f5;padding:10px;border-radius:4px}.sidebar ul[data-v-5ec91e59]{list-style:none;padding:0}.sidebar li[data-v-5ec91e59]{margin:10px 0}.sidebar a[data-v-5ec91e59]{text-decoration:none;color:#333;display:block;padding:8px;border-radius:4px}.sidebar a[data-v-5ec91e59]:hover{background:#e5e5e5}.sidebar a.router-link-active[data-v-5ec91e59]{background:#409eff;color:#fff}.content[data-v-5ec91e59]{flex:1;background:#fff;padding:20px;border:1px solid #eee;border-radius:4px}footer[data-v-5ec91e59]{margin-top:20px;text-align:center;color:#666;font-size:14px}.json-tool[data-v-00cb41dc]{width:100%}.btn-group[data-v-00cb41dc]{margin-bottom:10px;display:flex;gap:10px}button[data-v-00cb41dc]{padding:8px 16px;border:none;border-radius:4px;background:#409eff;color:#fff;cursor:pointer}button[data-v-00cb41dc]:hover{background:#66b1ff}.json-input[data-v-00cb41dc]{width:100%;height:400px;padding:10px;border:1px solid #ddd;border-radius:4px;font-family:Consolas,Monaco,monospace;font-size:14px;resize:vertical}.js-tool[data-v-d5db569f]{width:100%}.btn-group[data-v-d5db569f]{margin-bottom:10px;display:flex;gap:10px}button[data-v-d5db569f]{padding:8px 16px;border:none;border-radius:4px;background:#409eff;color:#fff;cursor:pointer}button[data-v-d5db569f]:hover{background:#66b1ff}.js-input[data-v-d5db569f]{width:100%;height:400px;padding:10px;border:1px solid #ddd;border-radius:4px;font-family:Consolas,Monaco,monospace;font-size:14px;resize:vertical}.css-tool[data-v-e6db453f]{width:100%}.btn-group[data-v-e6db453f]{margin-bottom:10px;display:flex;gap:10px}button[data-v-e6db453f]{padding:8px 16px;border:none;border-radius:4px;background:#409eff;color:#fff;cursor:pointer}button[data-v-e6db453f]:hover{background:#66b1ff}.css-input[data-v-e6db453f]{width:100%;height:400px;padding:10px;border:1px solid #ddd;border-radius:4px;font-family:Consolas,Monaco,monospace;font-size:14px;resize:vertical}.time-tool[data-v-91101042]{width:100%}.tool-row[data-v-91101042]{margin:15px 0;display:flex;align-items:center;gap:10px}label[data-v-91101042]{width:120px;font-size:14px;color:#333}.time-input[data-v-91101042],.date-input[data-v-91101042]{flex:1;padding:8px;border:1px solid #ddd;border-radius:4px;font-size:14px}button[data-v-91101042]{padding:8px 16px;border:none;border-radius:4px;background:#409eff;color:#fff;cursor:pointer}button[data-v-91101042]:hover{background:#66b1ff}.current-timestamp[data-v-91101042]{flex:1;padding:8px;background:#f5f5f5;border-radius:4px;font-family:monospace}.result-box[data-v-91101042]{margin-top:20px;padding:10px;border:1px solid #eee;border-radius:4px}.result-box h4[data-v-91101042]{margin:0 0 10px;font-size:14px}.result-box p[data-v-91101042]{margin:0;font-size:14px;color:#333;font-family:monospace}.qrcode-tool[data-v-bdafe819]{width:100%}.input-row[data-v-bdafe819]{display:flex;gap:10px;margin-bottom:20px}.qrcode-input[data-v-bdafe819]{flex:1;padding:8px;border:1px solid #ddd;border-radius:4px;font-size:14px}button[data-v-bdafe819]{padding:8px 16px;border:none;border-radius:4px;background:#409eff;color:#fff;cursor:pointer}button[data-v-bdafe819]:hover{background:#66b1ff}.qrcode-container[data-v-bdafe819]{display:flex;flex-direction:column;align-items:center;gap:10px}.qrcode-img[data-v-bdafe819]{border:1px solid #eee;padding:10px;border-radius:4px}.btn-group[data-v-bdafe819]{display:flex;gap:10px}.url-tool[data-v-b7f0308b]{width:100%}.btn-group[data-v-b7f0308b]{margin-bottom:10px;display:flex;gap:10px}button[data-v-b7f0308b]{padding:8px 16px;border:none;border-radius:4px;background:#409eff;color:#fff;cursor:pointer}button[data-v-b7f0308b]:hover{background:#66b1ff}.url-input[data-v-b7f0308b]{width:100%;height:200px;padding:10px;border:1px solid #ddd;border-radius:4px;font-family:Consolas,Monaco,monospace;font-size:14px;resize:vertical}.result-box[data-v-b7f0308b]{margin-top:15px;padding:10px;border:1px solid #eee;border-radius:4px}.result-box h4[data-v-b7f0308b]{margin:0 0 10px;font-size:14px}.result-box p[data-v-b7f0308b]{margin:0 0 10px;font-size:14px;font-family:monospace;word-break:break-all}.base64-tool[data-v-ae021bf2]{width:100%}.btn-group[data-v-ae021bf2]{margin-bottom:10px;display:flex;gap:10px}button[data-v-ae021bf2]{padding:8px 16px;border:none;border-radius:4px;background:#409eff;color:#fff;cursor:pointer}button[data-v-ae021bf2]:hover{background:#66b1ff}.base64-input[data-v-ae021bf2]{width:100%;height:200px;padding:10px;border:1px solid #ddd;border-radius:4px;font-family:Consolas,Monaco,monospace;font-size:14px;resize:vertical}.result-box[data-v-ae021bf2]{margin-top:15px;padding:10px;border:1px solid #eee;border-radius:4px}.result-box h4[data-v-ae021bf2]{margin:0 0 10px;font-size:14px}.result-box p[data-v-ae021bf2]{margin:0 0 10px;font-size:14px;font-family:monospace;word-break:break-all}.text-diff-tool[data-v-ab4d121a]{width:100%}.input-container[data-v-ab4d121a]{display:flex;gap:20px;margin-bottom:15px}.input-box[data-v-ab4d121a]{flex:1}.input-box h4[data-v-ab4d121a]{margin:0 0 5px;font-size:14px}.text-input[data-v-ab4d121a]{width:100%;height:200px;padding:10px;border:1px solid #ddd;border-radius:4px;font-family:Consolas,Monaco,monospace;font-size:14px;resize:vertical}.compare-btn[data-v-ab4d121a]{padding:8px 20px;border:none;border-radius:4px;background:#409eff;color:#fff;cursor:pointer;margin-bottom:15px}.compare-btn[data-v-ab4d121a]:hover{background:#66b1ff}.result-box[data-v-ab4d121a]{padding:10px;border:1px solid #eee;border-radius:4px}.result-box h4[data-v-ab4d121a]{margin:0 0 10px;font-size:14px}.diff-content[data-v-ab4d121a]{font-family:Consolas,Monaco,monospace;font-size:14px;line-height:1.5;white-space:pre-wrap}.color-tool[data-v-dedfa27f]{width:100%}.color-picker h4[data-v-dedfa27f],.gradient-generator h4[data-v-dedfa27f]{margin:0 0 10px;font-size:14px}.picker-row[data-v-dedfa27f],.gradient-row[data-v-dedfa27f]{display:flex;align-items:center;gap:10px;margin-bottom:15px}.color-input[data-v-dedfa27f]{width:50px;height:50px;border:none;cursor:pointer;padding:0}.color-preview[data-v-dedfa27f]{width:50px;height:50px;border:1px solid #ddd;border-radius:4px}.color-info[data-v-dedfa27f]{display:flex;flex-direction:column;gap:10px}.info-item[data-v-dedfa27f],.gradient-code[data-v-dedfa27f]{display:flex;align-items:center;gap:10px}.info-item label[data-v-dedfa27f],.gradient-code label[data-v-dedfa27f]{width:50px;font-size:14px}.info-item input[data-v-dedfa27f],.gradient-code input[data-v-dedfa27f]{flex:1;padding:8px;border:1px solid #ddd;border-radius:4px;font-size:14px;font-family:monospace}button[data-v-dedfa27f]{padding:8px 12px;border:none;border-radius:4px;background:#409eff;color:#fff;cursor:pointer;white-space:nowrap}button[data-v-dedfa27f]:hover{background:#66b1ff}.gradient-preview[data-v-dedfa27f]{height:80px;border:1px solid #ddd;border-radius:4px;margin:10px 0}