@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.container{margin:0 auto;max-width:1200px;padding:0 24px}.fade-in-up{animation:fadeInUp .6s ease-out forwards}.tool-page{margin:0 auto;max-width:1200px;padding:40px 20px}.tool-page h1{color:#303133;font-size:32px;margin-bottom:20px}.tool-page .seo-description{background:#f5f7fa;border-radius:8px;color:#606266;font-size:16px;line-height:1.8;margin-bottom:40px;padding:20px}.tool-page .tool-body{margin:40px 0}.tool-page .usage-guide{background:#fff;border:1px solid #dcdfe6;border-radius:8px;margin-top:40px;padding:30px}.tool-page .usage-guide h2{color:#303133;font-size:24px;margin-bottom:20px}.tool-page .usage-guide ol{padding-left:20px}.tool-page .usage-guide ol li{color:#606266;line-height:1.6;margin:10px 0}.text-center{text-align:center}.mt-20{margin-top:20px}.mb-20{margin-bottom:20px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{min-height:100vh}