.app-header[data-v-4f917c23]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:20px 0;box-shadow:0 2px 4px rgba(0,0,0,.1)}.app-header .header-content[data-v-4f917c23]{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}.app-header .header-title[data-v-4f917c23]{text-align:center}.app-header .header-title h1[data-v-4f917c23]{margin:0 0 10px 0;font-size:2rem;font-weight:600}.app-header .header-title p[data-v-4f917c23]{margin:0;opacity:.9;font-size:1rem}.app-header .header-nav .header-menu[data-v-4f917c23]{background:transparent;border:none}.app-header .header-nav .header-menu[data-v-4f917c23] .el-menu-item{color:#fff;border-bottom:2px solid transparent}.app-header .header-nav .header-menu[data-v-4f917c23] .el-menu-item:focus,.app-header .header-nav .header-menu[data-v-4f917c23] .el-menu-item:hover{background:hsla(0,0%,100%,.1);color:#fff}.app-header .header-nav .header-menu[data-v-4f917c23] .el-menu-item.is-active{border-bottom-color:#fff;background:hsla(0,0%,100%,.15)}@media (max-width:768px){.app-header .header-content[data-v-4f917c23]{flex-direction:column;text-align:center}.app-header .header-title h1[data-v-4f917c23]{font-size:1.5rem}.app-header .header-menu[data-v-4f917c23]{justify-content:center}}*{box-sizing:border-box}body{margin:0;padding:0;line-height:1.6;color:#303133}.tool-card{margin-bottom:20px;transition:all .3s ease;border-radius:8px;overflow:hidden}.tool-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.1)}.tool-content{padding:20px}.result-box{background-color:#f9f9f9;border:1px solid #dcdfe6;border-radius:4px;padding:15px;margin-top:15px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px;word-break:break-all;white-space:pre-wrap}.tool-icon{font-size:24px;margin-right:8px;vertical-align:middle}.el-form-item__label{font-weight:500}.button-group{display:flex;gap:10px;flex-wrap:wrap;margin-top:15px}.loading-container{height:200px;display:flex;align-items:center;justify-content:center}@media (max-width:768px){.container{padding:0 10px}.tool-card{margin-bottom:15px}.tool-content{padding:15px}.button-group{justify-content:center}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .5s ease-out}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}