#app[data-v-8d678430]{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;margin-top:60px}header nav[data-v-8d678430]{display:flex;justify-content:space-between;align-items:center;padding:0 20px;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.1);position:fixed;top:0;left:0;right:0;z-index:1000;height:60px}.logo[data-v-8d678430]{font-weight:700;font-size:1.2rem}.nav-links[data-v-8d678430]{display:flex;align-items:center;gap:20px}.nav-link[data-v-8d678430],.nav-links a[data-v-8d678430]{text-decoration:none;color:#2c3e50;padding:8px 12px}.language-selector[data-v-8d678430]{width:120px}@media (max-width:768px){#app[data-v-8d678430]{margin-top:80px;padding:0 15px}header nav[data-v-8d678430]{height:60px;padding:0 15px;flex-direction:row;align-items:center;flex-wrap:nowrap;overflow-x:hidden;white-space:nowrap}.nav-links[data-v-8d678430]{display:flex;gap:1px;margin-left:10px;flex-shrink:0}.logo[data-v-8d678430]{margin-right:auto;font-size:1rem;white-space:nowrap;flex-shrink:0}.language-selector[data-v-8d678430]{width:100px;margin-left:8px;flex-shrink:0}.nav-link[data-v-8d678430],.nav-links a[data-v-8d678430]{padding:8px 8px;font-size:.9rem;margin-left:1px;white-space:nowrap}footer[data-v-8d678430]{padding:20px 0;font-size:.9rem}}.tab-link[data-v-8d678430]{display:inline-block;padding:10px 20px;margin:0 5px;text-decoration:none;color:#333;border:1px solid #ccc;border-radius:4px}.tab-link.router-link-active[data-v-8d678430]{background-color:#007bff;color:#fff;border-color:#007bff}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Noto Sans SC,sans-serif;line-height:1.6;color:#4a5568;background-color:#f7fafc}header{background-color:hsla(0,0%,100%,.95);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 2px 15px rgba(0,0,0,.05);position:fixed;width:100%;top:0;z-index:1000}nav{margin:0 auto;padding:1rem;display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.5rem;font-weight:700;color:#2d3748;background:linear-gradient(135deg,#48bb78,#38a169);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.nav-links a{text-decoration:none;color:#4a5568;margin-left:2rem;transition:all .3s ease;position:relative}.nav-links a:after{content:"";position:absolute;width:0;height:2px;bottom:-4px;left:0;background-color:#48bb78;transition:width .3s ease}.nav-links a:hover{color:#48bb78}.nav-links a:hover:after{width:100%}main{margin-top:70px}.hero{background:linear-gradient(135deg,#48bb78,#38a169);color:#fff;text-align:center;padding:3rem 1rem;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='rgba(255,255,255,0.05)' d='M0 0h1v1H0z'/%3E%3C/svg%3E");opacity:.1}.hero h1{font-size:2.5rem;margin-bottom:1rem;position:relative;text-shadow:0 2px 4px rgba(0,0,0,.1)}.tools-grid{max-width:1200px;margin:2rem auto;padding:0 1rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.tool-card{background:#fff;border-radius:15px;padding:2rem;text-align:center;box-shadow:0 4px 20px rgba(0,0,0,.05);transition:all .3s ease;border:1px solid rgba(0,0,0,.05)}.tool-card:hover{transform:translateY(-5px);box-shadow:0 8px 30px rgba(0,0,0,.1)}.tool-card h2{color:#2d3748;margin-bottom:1rem;font-size:1.5rem}.tool-card p{color:#718096;margin-bottom:1.5rem}.btn{display:inline-block;padding:.8rem 1.5rem;background:linear-gradient(135deg,#48bb78,#38a169);color:#fff;text-decoration:none;border-radius:25px;margin-top:1rem;transition:all .3s ease;border:none;font-weight:500;box-shadow:0 2px 10px rgba(72,187,120,.2)}.btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px rgba(72,187,120,.3)}.el-button{padding:12px 24px;border-radius:4px;background-color:#48bb78;color:#fff;border:none}.el-button:hover{background-color:#38925e;color:#fff}.about{background-color:#fff;padding:4rem 2rem;text-align:center;margin-top:4rem}.about h2{color:#2d3748;margin-bottom:1rem;font-size:2rem}.about p{color:#718096;max-width:600px;margin:0 auto}footer{background-color:#2d3748;color:#fff;text-align:center;padding:1.5rem;margin-top:2rem}.content{margin-top:5rem;margin-bottom:3rem}@media (max-width:768px){.nav-links{display:none}.hero h1{font-size:2rem}.tools-grid{grid-template-columns:1fr}}