*{margin:0;padding:0;box-sizing:border-box}:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;line-height:1.6;font-weight:400;color:#2d3748;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}#root{width:100%}a{color:inherit;text-decoration:none}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;cursor:pointer;transition:all .3s ease}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#f7fafc}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#667eea,#764ba2);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#764ba2,#667eea)}.app{max-width:1400px;margin:0 auto;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;color:#2c3e50}.header{text-align:center;padding:80px 20px 60px;background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);position:relative;overflow:hidden}.header:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="40" fill="rgba(255,255,255,0.05)"/></svg>');opacity:.3}.header h1{font-size:3rem;margin:0;color:#fff;font-weight:800;letter-spacing:-1px;position:relative;z-index:1}.subtitle{font-size:1.3rem;color:#fffffff2;margin-top:15px;font-weight:300;position:relative;z-index:1}.intro{padding:80px 20px;text-align:center;background:#fff}.intro-text{font-size:1.15rem;line-height:2;max-width:900px;margin:0 auto;color:#4a5568;font-weight:400}.intro-text strong{color:#667eea;font-weight:600;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.features{padding:80px 20px;background:linear-gradient(180deg,#f7fafc,#edf2f7)}.features h2{text-align:center;font-size:2.5rem;color:#2d3748;margin-bottom:60px;font-weight:700;position:relative;display:inline-block;left:50%;transform:translate(-50%)}.features h2:after{content:"";position:absolute;bottom:-15px;left:50%;transform:translate(-50%);width:80px;height:4px;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:2px}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:35px;max-width:1200px;margin:0 auto}.feature-item{background:#fff;padding:40px 30px;border-radius:20px;box-shadow:0 10px 30px #00000014;transition:all .4s cubic-bezier(.4,0,.2,1);border:1px solid rgba(102,126,234,.1);position:relative;overflow:hidden}.feature-item:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#667eea,#764ba2,#f093fb);transform:scaleX(0);transition:transform .4s ease}.feature-item:hover:before{transform:scaleX(1)}.feature-item:hover{transform:translateY(-10px);box-shadow:0 20px 40px #667eea26}.feature-item h3{font-size:1.35rem;color:#2d3748;margin-bottom:15px;font-weight:600}.feature-item p{color:#718096;line-height:1.8;font-size:.95rem}.screenshots{padding:80px 20px;background:#fff}.screenshots h2{text-align:center;font-size:2.5rem;color:#2d3748;margin-bottom:60px;font-weight:700;position:relative;display:inline-block;left:50%;transform:translate(-50%)}.screenshots h2:after{content:"";position:absolute;bottom:-15px;left:50%;transform:translate(-50%);width:80px;height:4px;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:2px}.image-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:40px;max-width:1200px;margin:0 auto}.image-card{border-radius:24px;overflow:hidden;box-shadow:0 15px 50px #00000014;transition:all .5s cubic-bezier(.4,0,.2,1);background:#fff;position:relative}.image-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#667eea1a,#764ba21a);opacity:0;transition:opacity .5s ease;z-index:1;pointer-events:none}.image-card:hover:before{opacity:1}.image-card:hover{transform:translateY(-15px);box-shadow:0 25px 60px #667eea33}.image-card img{width:100%;height:auto;display:block;transition:transform .5s cubic-bezier(.4,0,.2,1)}.image-card:hover img{transform:scale(1.05)}.vision{padding:80px 20px;text-align:center;background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);position:relative;overflow:hidden}.vision:before{content:"";position:absolute;top:-50%;right:-10%;width:500px;height:500px;background:#ffffff1a;border-radius:50%}.vision h2{font-size:2.5rem;color:#fff;margin-bottom:30px;font-weight:700;position:relative;z-index:1}.vision p{font-size:1.25rem;line-height:2;color:#fffffff2;max-width:800px;margin:0 auto;position:relative;z-index:1;font-weight:300}.footer{padding:60px 20px 30px;text-align:center;background:#2d3748;color:#e2e8f0}.footer-links{margin-bottom:30px}.footer-link{color:#e2e8f0;text-decoration:none;font-size:1rem;font-weight:500;transition:all .3s ease;position:relative}.footer-link:after{content:"";position:absolute;bottom:-3px;left:0;width:0;height:2px;background:linear-gradient(90deg,#667eea,#764ba2);transition:width .3s ease}.footer-link:hover{color:#fff}.footer-link:hover:after{width:100%}.divider{margin:0 20px;color:#4a5568}.contact{margin:25px 0}.contact p{color:#cbd5e0;font-size:1rem}.contact a{color:#a78bfa;text-decoration:none;font-weight:500;transition:all .3s ease}.contact a:hover{color:#c4b5fd}.copyright{margin-top:30px;padding-top:25px;border-top:1px solid #4A5568;font-size:.9rem;color:#a0aec0}@media (max-width: 768px){.header{padding:60px 20px 40px}.header h1{font-size:2rem}.subtitle{font-size:1.1rem}.intro{padding:50px 20px}.intro-text{font-size:1rem}.features,.screenshots{padding:50px 20px}.features h2,.screenshots h2,.vision h2{font-size:1.8rem;margin-bottom:40px}.feature-grid{grid-template-columns:1fr;gap:25px}.feature-item{padding:30px 25px}.image-gallery{grid-template-columns:1fr;gap:20px}.vision{padding:60px 20px}.vision p{font-size:1.1rem}.footer{padding:40px 20px 25px}.divider{margin:0 10px}}