#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;margin-top:60px}.home-page[data-v-0fe996a2]{max-width:1200px;margin:0 auto;padding:30px 20px;text-align:center}h1[data-v-0fe996a2]{color:#333;margin-bottom:30px;font-size:2rem}.tools-container[data-v-0fe996a2]{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.tool-card[data-v-0fe996a2]{flex:1;min-width:220px;max-width:300px;padding:25px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:15px;color:#fff;text-decoration:none;transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 10px 30px rgba(0,0,0,.1);display:flex;flex-direction:column;align-items:center;justify-content:space-between;min-height:220px}.tool-card[data-v-0fe996a2]:hover{transform:translateY(-8px);box-shadow:0 15px 35px rgba(0,0,0,.15)}.tool-icon[data-v-0fe996a2]{font-size:2.5rem;margin-bottom:15px}.tool-card h3[data-v-0fe996a2]{margin:0 0 10px 0;font-size:1.3rem;font-weight:600}.tool-card p[data-v-0fe996a2]{margin:0;opacity:.9;line-height:1.4;font-size:.95rem}@media (max-width:768px){.home-page[data-v-0fe996a2]{padding:20px 15px}h1[data-v-0fe996a2]{font-size:1.8rem;margin-bottom:25px}.tools-container[data-v-0fe996a2]{gap:15px}.tool-card[data-v-0fe996a2]{min-width:180px;padding:20px 15px;min-height:180px}.tool-icon[data-v-0fe996a2]{font-size:2rem;margin-bottom:12px}.tool-card h3[data-v-0fe996a2]{font-size:1.1rem;margin-bottom:8px}.tool-card p[data-v-0fe996a2]{font-size:.9rem;line-height:1.3}}@media (max-width:640px){.tool-card[data-v-0fe996a2]{min-width:100%;max-width:none}}@media (max-width:480px){.home-page[data-v-0fe996a2]{padding:15px 10px}h1[data-v-0fe996a2]{font-size:1.6rem;margin-bottom:20px}.tool-card[data-v-0fe996a2]{padding:18px 12px;min-height:160px}.tool-icon[data-v-0fe996a2]{font-size:1.8rem;margin-bottom:10px}.tool-card h3[data-v-0fe996a2]{font-size:1rem}.tool-card p[data-v-0fe996a2]{font-size:.85rem}}.icp-info[data-v-0fe996a2]{margin-top:50px;padding:20px 0;text-align:center;color:#666;font-size:.9rem;border-top:1px solid #eee}.icp-info p[data-v-0fe996a2]{margin:0}.icp-info a[data-v-0fe996a2]{color:#666;text-decoration:none;cursor:pointer}.icp-info a[data-v-0fe996a2]:hover{color:#333;text-decoration:underline}@media (max-width:768px){.icp-info[data-v-0fe996a2]{margin-top:40px;padding:15px 0;font-size:.8rem}}@media (max-width:480px){.icp-info[data-v-0fe996a2]{margin-top:30px;padding:10px 0;font-size:.75rem}}.qrcode-generator[data-v-f8db965a]{max-width:500px;margin:0 auto;padding:20px;font-family:Arial,sans-serif}h1[data-v-f8db965a]{text-align:center;color:#333;margin-bottom:30px}.input-container[data-v-f8db965a]{display:flex;margin-bottom:20px;gap:10px}.url-input[data-v-f8db965a]{flex:1;padding:10px;font-size:16px;border:1px solid #ddd;border-radius:4px}.generate-button[data-v-f8db965a]{padding:10px 20px;background-color:#42b983;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:16px}.generate-button[data-v-f8db965a]:hover{background-color:#35495e}.qrcode-container[data-v-f8db965a]{text-align:center;padding:20px;background-color:#f9f9f9;border-radius:4px}.qrcode-image[data-v-f8db965a]{max-width:100%;margin-bottom:10px}.qrcode-hint[data-v-f8db965a]{color:#666;font-size:14px}.download-button[data-v-f8db965a]{margin-top:15px;padding:8px 16px;background-color:#0070f3;color:#fff;border:none;border-radius:4px;cursor:pointer}.download-button[data-v-f8db965a]:hover{background-color:#0051a2}.placeholder[data-v-f8db965a]{text-align:center;padding:40px;color:#999;background-color:#f9f9f9;border-radius:4px}.page-container[data-v-5b7206b8]{max-width:900px;margin:0 auto;padding:20px;min-height:100vh;display:flex;flex-direction:column}.page-header[data-v-5b7206b8]{text-align:center;margin-bottom:40px;padding-bottom:20px;border-bottom:1px solid #eee}.page-header h1[data-v-5b7206b8]{color:#333;margin-bottom:20px}.navigation[data-v-5b7206b8]{display:flex;justify-content:center;gap:10px;font-size:14px}.nav-link[data-v-5b7206b8]{color:#42b983;text-decoration:none}.nav-link[data-v-5b7206b8]:hover{text-decoration:underline}.nav-separator[data-v-5b7206b8]{color:#ccc}.page-content[data-v-5b7206b8]{flex:1}.page-container[data-v-bb754df6]{max-width:1200px;margin:0 auto;padding:20px;min-height:100vh;display:flex;flex-direction:column}.page-header[data-v-bb754df6]{text-align:center;margin-bottom:40px;padding-bottom:20px;border-bottom:1px solid #eee}.page-header h1[data-v-bb754df6]{color:#333;margin-bottom:20px}.navigation[data-v-bb754df6]{display:flex;justify-content:center;gap:10px;font-size:14px}.nav-link[data-v-bb754df6]{color:#42b983;text-decoration:none}.nav-link[data-v-bb754df6]:hover{text-decoration:underline}.nav-separator[data-v-bb754df6]{color:#ccc}.page-content[data-v-bb754df6]{flex:1}.json-converter[data-v-bb754df6]{background-color:#f8f9fa;padding:20px;border-radius:8px}.converter-container[data-v-bb754df6]{display:flex;flex-direction:column;gap:20px;max-width:100%}@media (min-width:1024px){.converter-container[data-v-bb754df6]{flex-direction:row;align-items:flex-start}.input-section[data-v-bb754df6],.output-section[data-v-bb754df6]{flex:1}}.input-section[data-v-bb754df6],.output-section[data-v-bb754df6]{background-color:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.section-header[data-v-bb754df6]{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.section-header h3[data-v-bb754df6]{margin:0;color:#333}.input-actions[data-v-bb754df6],.output-actions[data-v-bb754df6]{display:flex;gap:8px}.action-button[data-v-bb754df6]{padding:6px 12px;background-color:#f0f0f0;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:12px;transition:background-color .2s}.action-button[data-v-bb754df6]:hover{background-color:#e0e0e0}.json-textarea[data-v-bb754df6]{width:100%;padding:12px;border:1px solid #ddd;border-radius:4px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px;resize:vertical;box-sizing:border-box}.json-textarea[data-v-bb754df6]:focus{outline:none;border-color:#42b983}.error-message[data-v-bb754df6]{margin-top:10px;padding:10px;background-color:#ffebee;color:#c62828;border-radius:4px;font-size:14px}.convert-controls[data-v-bb754df6]{display:flex;flex-direction:column;gap:10px;align-items:center;padding:10px 0}@media (min-width:1024px){.convert-controls[data-v-bb754df6]{padding:0 20px}}.convert-button[data-v-bb754df6]{display:flex;align-items:center;gap:8px;padding:12px 24px;background-color:#42b983;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:16px;transition:background-color .2s}.convert-button[data-v-bb754df6]:hover{background-color:#35495e}.arrow[data-v-bb754df6]{font-size:12px}.json-output[data-v-bb754df6]{width:100%;padding:12px;background-color:#f8f9fa;border:1px solid #ddd;border-radius:4px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px;white-space:pre-wrap;word-wrap:break-word;max-height:500px;overflow-y:auto;box-sizing:border-box;text-align:left}.output-placeholder[data-v-bb754df6]{padding:12px;color:#999;font-style:italic;border:1px dashed #ddd;border-radius:4px}.toast[data-v-bb754df6]{position:fixed;top:20px;right:20px;padding:12px 20px;border-radius:4px;color:#fff;font-size:14px;opacity:0;transition:opacity .3s ease;z-index:1000}.toast.success[data-v-bb754df6]{background-color:#42b983}.toast.error[data-v-bb754df6]{background-color:#e74c3c}.password-generator-page[data-v-11f4ebd2]{max-width:600px;margin:0 auto;padding:40px 20px}.header[data-v-11f4ebd2]{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}.header h1[data-v-11f4ebd2]{color:#333;font-size:2rem}.back-link[data-v-11f4ebd2]{color:#667eea;text-decoration:none;font-size:1rem;padding:8px 16px;border:1px solid #667eea;border-radius:5px;transition:all .3s ease}.back-link[data-v-11f4ebd2]:hover{background-color:#667eea;color:#fff}.password-container[data-v-11f4ebd2]{background:#fff;padding:30px;border-radius:15px;box-shadow:0 10px 30px rgba(0,0,0,.1)}.password-display[data-v-11f4ebd2]{display:flex;gap:10px;margin-bottom:30px}.password-display input[data-v-11f4ebd2]{flex:1;padding:15px;font-size:1.2rem;border:2px solid #e0e0e0;border-radius:10px;font-family:monospace}.copy-btn[data-v-11f4ebd2]{padding:15px 30px;background:#667eea;color:#fff;border:none;border-radius:10px;cursor:pointer;font-size:1rem;transition:background-color .3s ease}.copy-btn[data-v-11f4ebd2]:hover{background:#5a67d8}.options[data-v-11f4ebd2]{display:flex;flex-direction:column;gap:20px}.option-group[data-v-11f4ebd2]{display:flex;align-items:center;gap:10px}.option-group label[data-v-11f4ebd2]{min-width:100px;font-weight:500}.length-display[data-v-11f4ebd2]{min-width:30px;text-align:center;font-weight:700}.checkbox-group[data-v-11f4ebd2]{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.checkbox-group label[data-v-11f4ebd2]{display:flex;align-items:center;gap:8px;cursor:pointer}.generate-btn[data-v-11f4ebd2]{padding:15px 30px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;font-size:1.2rem;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 5px 15px rgba(0,0,0,.1)}.generate-btn[data-v-11f4ebd2]:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.15)}.message[data-v-11f4ebd2]{margin-top:20px;padding:10px 15px;border-radius:5px;text-align:center;font-weight:500}.message.success[data-v-11f4ebd2]{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.message.error[data-v-11f4ebd2]{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.timestamp-converter-page[data-v-1e014790]{max-width:800px;margin:0 auto;padding:40px 20px}.header[data-v-1e014790]{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}.header h1[data-v-1e014790]{color:#333;font-size:2rem}.back-link[data-v-1e014790]{color:#667eea;text-decoration:none;font-size:1rem;padding:8px 16px;border:1px solid #667eea;border-radius:5px;transition:all .3s ease}.back-link[data-v-1e014790]:hover{background-color:#667eea;color:#fff}.converter-container[data-v-1e014790]{background:#fff;padding:30px;border-radius:15px;box-shadow:0 10px 30px rgba(0,0,0,.1)}.conversion-section[data-v-1e014790]{margin-bottom:40px;padding-bottom:30px;border-bottom:1px solid #e0e0e0}.conversion-section[data-v-1e014790]:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.conversion-section h3[data-v-1e014790]{color:#444;margin-bottom:20px;font-size:1.3rem}.input-group[data-v-1e014790]{display:flex;gap:15px;margin-bottom:20px}.input-group input[data-v-1e014790]{flex:1;padding:12px 15px;font-size:1rem;border:2px solid #e0e0e0;border-radius:8px}.convert-btn[data-v-1e014790]{padding:12px 25px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:1rem;transition:transform .3s ease,box-shadow .3s ease;white-space:nowrap}.convert-btn[data-v-1e014790]:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.15)}.result-box[data-v-1e014790]{background:#f8f9fa;padding:15px;border-radius:8px;border-left:4px solid #667eea}.result-label[data-v-1e014790]{font-weight:700;margin-bottom:5px;color:#555}.result-value[data-v-1e014790]{margin:0;font-family:monospace;font-size:1.1rem;color:#333}.current-time-section[data-v-1e014790]{background:#f8f9fa;padding:20px;border-radius:10px;border-left:4px solid #4caf50}.current-time-section h3[data-v-1e014790]{color:#444;margin-bottom:15px;font-size:1.3rem}.current-time-section p[data-v-1e014790]{margin:8px 0;color:#555}.message[data-v-1e014790]{margin-top:20px;padding:10px 15px;border-radius:5px;text-align:center;font-weight:500}.message.success[data-v-1e014790]{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.message.error[data-v-1e014790]{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.base64-converter-page[data-v-5759edb8]{max-width:800px;margin:0 auto;padding:40px 20px}.header[data-v-5759edb8]{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}.header h1[data-v-5759edb8]{color:#333;font-size:2rem}.back-link[data-v-5759edb8]{color:#667eea;text-decoration:none;font-size:1rem;padding:8px 16px;border:1px solid #667eea;border-radius:5px;transition:all .3s ease}.back-link[data-v-5759edb8]:hover{background-color:#667eea;color:#fff}.converter-container[data-v-5759edb8]{background:#fff;padding:30px;border-radius:15px;box-shadow:0 10px 30px rgba(0,0,0,.1)}.conversion-section[data-v-5759edb8]{margin-bottom:40px;padding-bottom:30px;border-bottom:1px solid #e0e0e0}.conversion-section[data-v-5759edb8]:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.conversion-section h3[data-v-5759edb8]{color:#444;margin-bottom:20px;font-size:1.3rem}textarea[data-v-5759edb8]{width:100%;padding:15px;font-size:1rem;border:2px solid #e0e0e0;border-radius:8px;resize:vertical;font-family:inherit;margin-bottom:15px;box-sizing:border-box}textarea[data-v-5759edb8]:focus{outline:none;border-color:#667eea}.convert-btn[data-v-5759edb8]{padding:12px 30px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:1rem;transition:transform .3s ease,box-shadow .3s ease}.convert-btn[data-v-5759edb8]:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.15)}.result-area[data-v-5759edb8]{margin-top:20px;background:#f8f9fa;padding:20px;border-radius:8px;border-left:4px solid #667eea}.result-header[data-v-5759edb8]{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.result-label[data-v-5759edb8]{font-weight:700;color:#555;margin:0}.copy-btn[data-v-5759edb8]{padding:5px 15px;background:#667eea;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:.9rem;transition:background-color .3s ease}.copy-btn[data-v-5759edb8]:hover{background:#5a67d8}.result-value[data-v-5759edb8]{margin:0;font-family:monospace;font-size:1rem;white-space:pre-wrap;word-wrap:break-word;color:#333}.text-left[data-v-5759edb8]{text-align:left}.message[data-v-5759edb8]{margin-top:20px;padding:10px 15px;border-radius:5px;text-align:center;font-weight:500}.message.success[data-v-5759edb8]{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.message.error[data-v-5759edb8]{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.url-encoder-decoder-page[data-v-2fa700a0]{max-width:800px;margin:0 auto;padding:40px 20px}.header[data-v-2fa700a0]{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}.header h1[data-v-2fa700a0]{color:#333;font-size:2rem}.back-link[data-v-2fa700a0]{color:#667eea;text-decoration:none;font-size:1rem;padding:8px 16px;border:1px solid #667eea;border-radius:5px;transition:all .3s ease}.back-link[data-v-2fa700a0]:hover{background-color:#667eea;color:#fff}.converter-container[data-v-2fa700a0]{background:#fff;padding:30px;border-radius:15px;box-shadow:0 10px 30px rgba(0,0,0,.1)}.conversion-section[data-v-2fa700a0]{margin-bottom:40px;padding-bottom:30px;border-bottom:1px solid #e0e0e0}.conversion-section[data-v-2fa700a0]:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.conversion-section h3[data-v-2fa700a0]{color:#444;margin-bottom:20px;font-size:1.3rem}textarea[data-v-2fa700a0]{width:100%;padding:15px;font-size:1rem;border:2px solid #e0e0e0;border-radius:8px;resize:vertical;font-family:inherit;margin-bottom:15px;box-sizing:border-box}textarea[data-v-2fa700a0]:focus{outline:none;border-color:#667eea}.convert-btn[data-v-2fa700a0]{padding:12px 30px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:1rem;transition:transform .3s ease,box-shadow .3s ease}.convert-btn[data-v-2fa700a0]:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.15)}.result-area[data-v-2fa700a0]{margin-top:20px;background:#f8f9fa;padding:20px;border-radius:8px;border-left:4px solid #667eea}.result-header[data-v-2fa700a0]{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.result-label[data-v-2fa700a0]{font-weight:700;color:#555;margin:0}.copy-btn[data-v-2fa700a0]{padding:5px 15px;background:#667eea;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:.9rem;transition:background-color .3s ease}.copy-btn[data-v-2fa700a0]:hover{background:#5a67d8}.result-value[data-v-2fa700a0]{margin:0;font-family:monospace;font-size:1rem;white-space:pre-wrap;word-wrap:break-word;color:#333}.text-left[data-v-2fa700a0]{text-align:left}.message[data-v-2fa700a0]{margin-top:20px;padding:10px 15px;border-radius:5px;text-align:center;font-weight:500}.message.success[data-v-2fa700a0]{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.message.error[data-v-2fa700a0]{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}