*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;line-height:1.6;color:#333;background-color:#f5f5f5}.app-container{max-width:1200px;margin:0 auto;padding:20px}header{background-color:#4caf50;color:#fff;padding:1rem;text-align:center;margin-bottom:20px;border-radius:5px}.main-content{display:flex;gap:20px;min-height:calc(100vh - 150px)}.sidebar{width:250px;background:white;padding:20px;border-radius:5px;box-shadow:0 2px 5px #0000001a}.nav-item{display:block;padding:10px 15px;margin-bottom:10px;color:#333;text-decoration:none;border-radius:5px;transition:background-color .3s}.nav-item:hover{background-color:#f0f0f0}.router-link-active{background-color:#e0f2e0;color:#4caf50;font-weight:700}main{flex:1;background:white;padding:20px;border-radius:5px;box-shadow:0 2px 5px #0000001a}.tool-container{margin-bottom:20px}.tool-title{font-size:1.5rem;margin-bottom:15px;color:#4caf50}.tool-description{margin-bottom:20px;color:#666}button{background-color:#4caf50;color:#fff;border:none;padding:10px 15px;border-radius:5px;cursor:pointer;font-size:14px;transition:background-color .3s}button:hover{background-color:#45a049}input,textarea,select{width:100%;padding:10px;margin-bottom:15px;border:1px solid #ddd;border-radius:5px;font-size:14px}.result-container{margin-top:20px;padding:15px;background-color:#f9f9f9;border-radius:5px;border:1px solid #eee}.home[data-v-e488dc16]{padding:20px}.tools-grid[data-v-e488dc16]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin-top:30px}.tool-card[data-v-e488dc16]{display:block;padding:20px;background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;text-decoration:none;color:inherit;transition:transform .3s,box-shadow .3s}.tool-card[data-v-e488dc16]:hover{transform:translateY(-5px);box-shadow:0 5px 15px #0000001a}.tool-icon[data-v-e488dc16]{width:50px;height:50px;margin-bottom:15px;background-color:#e0f2e0;border-radius:50%;display:flex;align-items:center;justify-content:center}.timestamp-icon[data-v-e488dc16]:before{content:"\1f552";font-size:24px}.json-icon[data-v-e488dc16]:before{content:"\1f4cb";font-size:24px}.url-icon[data-v-e488dc16]:before{content:"\1f517";font-size:24px}.password-icon[data-v-e488dc16]:before{content:"\1f512";font-size:24px}.color-icon[data-v-e488dc16]:before{content:"\1f3a8";font-size:24px}.qrcode-icon[data-v-e488dc16]:before{content:"\1f4f1";font-size:24px}.tool-card h3[data-v-e488dc16]{margin-bottom:10px;color:#4caf50}.tool-card p[data-v-e488dc16]{color:#666;font-size:14px}.tool-card{border:1px solid #e0e0e0;border-radius:8px;padding:20px;margin-bottom:20px;background-color:#fff;box-shadow:0 2px 4px #0000000d}.btn{background-color:#4caf50;color:#fff;border:none;padding:10px 15px;border-radius:5px;cursor:pointer;margin-right:10px}.btn:hover{background-color:#45a049}.input-group{margin-bottom:15px}.input-group label{display:block;margin-bottom:5px;font-weight:700}.input-field{width:100%;padding:10px;border:1px solid #ddd;border-radius:5px}.result-box{background-color:#f9f9f9;border:1px solid #eee;border-radius:5px;padding:15px;margin-top:15px}.tag{display:inline-block;background-color:#e0f2e0;color:#4caf50;padding:5px 10px;border-radius:20px;margin-right:5px;margin-bottom:5px;font-size:12px}