:root{--primary-color: #5ebd3e;--primary-hover: #4ea331;--text-main: #1f2937;--text-muted: #4b5563;--bg-color: #ffffff;--bg-light: #f4fbf3;--border-color: #e5e7eb}body{margin:0;font-family:PingFang SC,Helvetica Neue,Arial,sans-serif;color:var(--text-main);background-color:var(--bg-color);-webkit-font-smoothing:antialiased}html{scroll-behavior:smooth}.app-wrapper{display:flex;flex-direction:column;min-height:100vh}.container{max-width:1100px;margin:0 auto;padding:0 20px}a{text-decoration:none;color:inherit}.header{height:70px;background:var(--bg-color);box-shadow:0 2px 10px #0000000d;position:sticky;top:0;z-index:100;display:flex;align-items:center}.header-container{display:flex;justify-content:space-between;align-items:center;width:100%}.logo{display:flex;align-items:center;gap:10px}.logo-icon{width:36px;height:36px;border-radius:8px}.logo-text{font-size:1.25rem;font-weight:700;color:var(--primary-color)}.nav-links{display:flex;gap:24px}.nav-link{font-size:1rem;color:var(--text-muted);transition:color .3s}.nav-link:hover{color:var(--primary-color)}.hero{padding:80px 0;background:linear-gradient(180deg,var(--bg-light) 0%,rgba(255,255,255,0) 100%);overflow:hidden}.hero-container{display:flex;align-items:center;justify-content:space-between;gap:40px}.hero-content{flex:1;max-width:500px}.hero-title{font-size:3rem;line-height:1.2;margin:0 0 20px;color:var(--text-main)}.hero-subtitle{font-size:1.125rem;line-height:1.6;color:var(--text-muted);margin-bottom:30px}.hero-buttons{display:flex;gap:16px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s}.btn-primary{background-color:var(--primary-color);color:#fff;border:1px solid var(--primary-color)}.btn-primary:hover{background-color:var(--primary-hover);border-color:var(--primary-hover);box-shadow:0 4px 12px #5ebd3e4d}.btn-outline{background-color:transparent;color:var(--primary-color);border:1px solid var(--primary-color)}.btn-outline:hover{background-color:var(--bg-light)}.btn-large{padding:14px 28px;font-size:1.125rem;gap:8px}.icon-download{width:20px;height:20px}.hero-image{flex:1;display:flex;justify-content:center;position:relative}.hero-image-wrapper{position:relative;width:280px;height:280px}.hero-main-icon{width:100%;height:100%;border-radius:60px;box-shadow:0 20px 40px #5ebd3e33;position:relative;z-index:2}.floating-circle{position:absolute;border-radius:50%;background:var(--primary-color);opacity:.1;z-index:1}.circle-1{width:120px;height:120px;top:-20px;right:-30px;animation:float 6s ease-in-out infinite}.circle-2{width:80px;height:80px;bottom:-10px;left:-20px;animation:float 5s ease-in-out infinite reverse}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-15px)}to{transform:translateY(0)}}.products{padding:80px 0}.section-title{text-align:center;font-size:2rem;margin-bottom:60px}.product-card{display:flex;align-items:center;gap:60px;margin-bottom:80px}.product-card.reverse{flex-direction:row-reverse}.product-visual{flex:1;display:flex;justify-content:center}.product-info{flex:1}.tag{display:inline-block;padding:6px 12px;background-color:var(--bg-light);color:var(--primary-color);font-size:.875rem;font-weight:600;border-radius:20px;margin-bottom:16px}.product-title{font-size:2rem;margin:0 0 16px}.product-desc{font-size:1.125rem;color:var(--text-muted);line-height:1.8;margin-bottom:30px}.feature-list{display:flex;flex-direction:column;gap:12px;margin-bottom:30px;font-size:1rem;color:var(--text-main)}.mockup-desktop{width:100%;max-width:460px;filter:drop-shadow(0 20px 30px rgba(0,0,0,.1))}.svg-mockup{width:100%;height:auto}.mockup-phone{width:260px;height:520px;background:#1f2937;border-radius:36px;padding:12px;box-shadow:0 24px 40px #00000026;position:relative}.phone-frame{background:#fff;width:100%;height:100%;border-radius:24px;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center}.phone-notch{width:120px;height:24px;background:#1f2937;border-bottom-left-radius:12px;border-bottom-right-radius:12px;position:absolute;top:0;left:50%;transform:translate(-50%)}.phone-content{margin-top:60px;display:flex;flex-direction:column;align-items:center;padding:0 20px;text-align:center}.app-icon{width:72px;height:72px;border-radius:16px;margin-bottom:16px;box-shadow:0 4px 12px #5ebd3e33}.app-name{font-size:1.125rem;margin:0 0 8px;font-weight:600}.app-sub{font-size:.875rem;color:var(--text-muted);margin-bottom:30px}.qrcode{width:180px;height:180px;border-radius:12px;border:1px solid var(--border-color);padding:8px;box-sizing:border-box}.footer{background:#1f2937;color:#9ca3af;padding:40px 0;margin-top:auto}.footer-container{display:flex;flex-direction:column;align-items:center;gap:16px}.footer-logo{display:flex;align-items:center;gap:8px;color:#fff;font-size:1.25rem;font-weight:700}.footer-icon{width:28px;height:28px;border-radius:6px}.copyright{font-size:.875rem}@media(max-width:768px){.hero-container{flex-direction:column;text-align:center}.hero-content{max-width:100%}.hero-buttons{justify-content:center}.product-card,.product-card.reverse{flex-direction:column;text-align:center;gap:40px}.feature-list{align-items:center}.hero-title{font-size:2.5rem}}