body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}.App{display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden;text-align:center}.navbar{align-items:center;background-color:#fff;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;padding:1rem 5%;position:fixed;top:0;width:100%;z-index:1000}.logo{color:#333;font-size:clamp(1.2rem,2vw,1.5rem);font-weight:700}.nav-links{display:flex;gap:clamp(1rem,3vw,2rem)}.nav-links a{color:#333;font-size:clamp(.9rem,1.5vw,1rem);font-weight:500;text-decoration:none}.hero{align-items:center;background:linear-gradient(135deg,#f5f7fa,#e4e8eb);display:flex;flex-direction:column;gap:clamp(1rem,2vh,1.5rem);justify-content:center;min-height:60vh;padding:clamp(6rem,10vh,8rem) 5% clamp(3rem,5vh,4rem)}.hero h1{font-size:clamp(1.8rem,4vw,2.5rem);margin-bottom:clamp(.5rem,2vh,1rem);max-width:90%}.hero p{color:#666;font-size:clamp(1rem,2vw,1.2rem);margin-bottom:clamp(1.5rem,3vh,2rem);max-width:80%}.cta-button{background-color:#007bff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:clamp(.9rem,1.5vw,1.1rem);padding:clamp(.8rem,2vw,1rem) clamp(1.5rem,3vw,2rem);transition:background-color .3s}.cta-button:hover{background-color:#0056b3}.features{margin:0 auto;max-width:1200px;padding:clamp(2rem,5vh,4rem) 5%;width:100%}.features h2{font-size:clamp(1.8rem,3vw,2.5rem);margin-bottom:clamp(2rem,4vh,3rem)}.feature-grid{grid-gap:clamp(1.5rem,3vw,2rem);display:grid;gap:clamp(1.5rem,3vw,2rem);grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));margin-top:clamp(1.5rem,3vh,2rem);padding:0 clamp(1rem,2vw,2rem)}.feature-card{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column;gap:clamp(.8rem,1.5vh,1rem);height:100%;padding:clamp(1.5rem,3vw,2rem);transition:transform .3s ease}.feature-card:hover{transform:translateY(-5px)}.feature-card img{border-radius:5px;height:200px;margin-bottom:1rem;object-fit:cover;width:100%}.feature-card h3{font-size:clamp(1.2rem,2vw,1.5rem)}.feature-card p{color:#666;flex-grow:1;font-size:clamp(.9rem,1.5vw,1rem)}.feature-link{color:#007bff;font-weight:500;margin-top:auto;text-decoration:none}.footer{background-color:#f8f9fa;margin-top:auto;padding:clamp(2rem,4vh,3rem) 5% clamp(1rem,2vh,1rem)}.footer-content{grid-gap:clamp(1.5rem,3vw,2rem);display:grid;gap:clamp(1.5rem,3vw,2rem);grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));margin:0 auto;max-width:1200px}.footer-section{text-align:left}.footer-section h4{color:#333;font-size:clamp(1.1rem,1.8vw,1.3rem);margin-bottom:1rem}.footer-links{display:flex;flex-direction:column;gap:.8rem}.footer-link{color:#666;font-size:clamp(.9rem,1.5vw,1rem);padding-left:1.2rem;position:relative;text-decoration:none;transition:all .3s ease}.footer-link:before{content:"→";left:0;opacity:0;position:absolute;transition:all .3s ease}.footer-link:hover{color:#007bff;padding-left:1.5rem}.footer-link:hover:before{opacity:1}.footer-bottom{border-top:1px solid #ddd;margin-top:2rem;padding-top:1rem}.beian-container{display:flex;flex-wrap:wrap;gap:clamp(.5rem,1vw,1rem);justify-content:center;margin-top:clamp(.8rem,2vh,1rem)}.beian-icon{height:20px;margin-right:5px;vertical-align:middle;width:20px}.beian-link{align-items:center;color:#666;display:inline-flex;margin:0 10px;text-decoration:none}.beian-link:hover{color:#333}@media (max-width:768px){.navbar{padding:.8rem 5%}.nav-links{gap:1rem}.feature-grid{padding:0 .5rem}.footer-section{padding:0 1rem;text-align:center}.footer-links{align-items:center}.footer-link{padding-left:0}.footer-link:before{display:none}.footer-link:hover{padding-left:0}.beian-container{align-items:center;flex-direction:column}}@media (min-width:1440px){.hero{padding:10rem 5% 6rem}.features{padding:6rem 5%}.feature-grid{grid-template-columns:repeat(4,1fr)}}@media (min-width:1920px){.hero h1{max-width:1200px}.hero p{max-width:800px}}
/*# sourceMappingURL=main.8f0c06d7.css.map*/