*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;line-height:1.6;color:#333;background:linear-gradient(180deg,#f0f9ff 0%,#e0f2fe 100%);background-attachment:fixed}#app{width:100%;background-color:#fff;margin:0;padding:0}.header-container{position:sticky;top:0;left:0;right:0;background-color:#ffffffe6;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:10px 0;width:100%;box-sizing:border-box}.highlight{color:#222}.header-content{display:flex;justify-content:space-between;align-items:center;max-width:1220px;margin:0 auto;padding:0 20px}.header-logo{width:120px;height:auto}.navbar{display:flex;justify-content:flex-end;gap:40px;margin-top:0}.nav-item{padding:10px 20px;cursor:pointer;font-size:16px;color:#666;border-radius:4px;transition:all .3s ease}.nav-item:hover{color:#42b983}.nav-item.active{color:#42b983;font-weight:700;background-color:transparent;border-bottom:3px solid #42b983}.logo{width:150px;height:auto;margin-bottom:10px}main{min-height:1200px}.page-section{min-height:800px;padding:0 20px}.page-section:last-child{border-bottom:none}.hero-section{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:40px;margin-bottom:80px;padding:60px 20px 150px;background-image:url(/assets/top_bg-b03ed3cd.png);background-size:cover;background-position:center 10%;background-repeat:no-repeat;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding-left:calc(50vw - 600px);padding-right:calc(50vw - 600px);width:100vw;min-height:900px;overflow:visible}.hero-content{max-width:500px;text-align:left}.hero-content h2{font-size:65px;color:#42b983;margin-bottom:10px;font-weight:700}.hero-content h3{font-size:65px;color:#35495e;margin-bottom:20px;font-weight:400}.hero-content p{font-size:18px;color:#999;margin-bottom:30px;line-height:1.8}.hero-buttons{display:flex;gap:15px;flex-wrap:wrap}.btn{padding:12px 24px;background-color:#42b983;color:#fff;border:none;border-radius:20px;cursor:pointer;font-size:16px;transition:all .3s ease;box-shadow:0 4px 15px #0000001a;display:flex;align-items:center;gap:8px}.btn-icon{width:20px;height:20px;vertical-align:middle}.btn:hover{background-color:#35495e;transform:translateY(-2px);box-shadow:0 6px 20px #00000026}.hero-image{display:flex;justify-content:center;align-items:center}.app-preview{width:250px;height:500px;object-fit:cover;border-radius:20px;box-shadow:0 10px 30px #0003;border:none}.features-section{margin-top:60px;padding:40px 0}.detection-section{display:flex;justify-content:space-between;align-items:center;gap:40px;max-width:1220px;margin:0 auto;padding:0 20px}.detection-content{flex:0 0 520px;text-align:left}.detection-header{display:flex;align-items:center;gap:12px;margin-bottom:24px}.detection-icon{width:32px;height:32px}.detection-header h3{font-size:28px;color:#35495e;margin:0}.detection-subtitle{font-size:16px;color:#42b983;font-weight:500}.detection-text{color:#666;line-height:1.8;margin-bottom:20px;font-size:16px}.commerce-section{display:flex;justify-content:space-between;align-items:center;gap:40px;max-width:1220px;margin:80px auto 0;padding:0 20px}.commerce-content{flex:0 0 520px;text-align:left}.commerce-header{display:flex;align-items:center;gap:12px;margin-bottom:24px}.commerce-icon{width:32px;height:32px}.commerce-header h3{font-size:28px;color:#35495e;margin:0}.commerce-subtitle{font-size:16px;color:#42b983;font-weight:500}.commerce-text{color:#666;line-height:1.8;margin-bottom:20px;font-size:16px}.commerce-image{flex:0 0 660px;display:flex;justify-content:center}.commerce-img{width:100%;height:auto;border-radius:8px;object-fit:cover}.health-section-wrapper{background:linear-gradient(180deg,#FFFFFF 0%,#F4FCFC 100%);margin:80px 0 0;padding:60px 0;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);width:100vw}.health-section{display:flex;justify-content:space-between;align-items:center;gap:40px;max-width:1220px;margin:0 auto;padding:0 20px}.health-left{flex:0 0 520px}.health-image{position:relative;border-radius:8px;overflow:hidden}.health-img{width:100%;height:auto;display:block}.video-play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;background-color:#ffffffe6;border-radius:50%;display:flex;justify-content:center;align-items:center;box-shadow:0 4px 15px #0003}.play-icon{width:24px;height:24px}.health-right{flex:0 0 660px}.health-header{display:flex;align-items:center;gap:12px;margin-bottom:24px}.health-icon{width:32px;height:32px}.health-header h3{font-size:28px;color:#35495e;margin:0}.health-subtitle{font-size:16px;color:#42b983;font-weight:500}.health-text{color:#666;line-height:1.8;margin-bottom:20px;font-size:16px}.detection-image{flex:0 0 660px;display:flex;justify-content:center}.image-container{position:relative;width:100%}.detection-img{width:100%;height:auto;border-radius:8px;object-fit:cover}.detection-tags{position:absolute;top:20px;right:20px;display:flex;flex-direction:column;gap:15px;align-items:flex-end}.tag{background-color:#ffffffe6;padding:8px 16px;border-radius:20px;font-size:14px;color:#42b983;box-shadow:0 2px 8px #0000001a;display:flex;align-items:center;gap:6px}.tag:before{content:"•";color:#42b983;font-weight:700}.detection-btn{position:absolute;bottom:30px;left:50%;transform:translate(-50%);background-color:#42b983;color:#fff;padding:12px 32px;border:none;border-radius:20px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #0003}.detection-btn:hover{background-color:#35495e;transform:translate(-50%) translateY(-2px);box-shadow:0 6px 20px #00000040}.nutrition-section{display:flex;justify-content:center;align-items:center;margin:80px 0 0;padding:40px 0;background:linear-gradient(180deg,#F4FCFC 0%,#FFFFFF 100%);border-radius:8px;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);width:100vw}.nutrition-content-wrapper{display:flex;justify-content:space-between;align-items:center;gap:40px;max-width:1220px;width:100%;padding:0 20px}.nutrition-image{flex:0 0 660px;display:flex;justify-content:center}.nutrition-img{width:100%;height:auto;border-radius:8px;object-fit:cover}.nutrition-content{flex:0 0 520px;text-align:left}.nutrition-header{display:flex;align-items:center;gap:12px;margin-bottom:24px}.nutrition-icon{width:32px;height:32px}.nutrition-header h3{font-size:28px;color:#35495e;margin:0}.nutrition-subtitle{font-size:16px;color:#42b983;font-weight:500}.nutrition-text{color:#666;line-height:1.8;margin-bottom:20px;font-size:16px}.development-section{margin:80px 0 0;padding:60px 0;background-color:#fff}.development-wrapper{max-width:1220px;margin:0 auto;padding:0 20px}.development-title{text-align:center;color:#35495e;font-size:28px;margin-bottom:40px;padding:0 20px}.development-image-container{display:flex;justify-content:center;align-items:center;margin:0 auto;padding:0 20px}.development-img{width:100%;height:auto;max-width:1180px;display:block;border-radius:8px}.subtitle{color:#666;margin-bottom:60px;font-size:18px;text-align:center}.product-features{margin-bottom:80px}.feature-block{display:flex;justify-content:space-between;align-items:center;gap:60px;margin-bottom:80px;padding:40px;background-color:#f8f9fa;border-radius:8px;box-shadow:0 4px 15px #0000000d}.feature-block.reverse{flex-direction:row-reverse}.feature-content{max-width:500px;text-align:left}.feature-content h3{color:#42b983;margin-bottom:20px;font-size:24px}.feature-content p{color:#666;line-height:1.8;font-size:16px}.feature-image{flex-shrink:0}.feature-img{width:400px;height:300px;object-fit:cover;border-radius:8px;box-shadow:0 4px 15px #0000001a}.testimonials{margin-top:80px}.testimonials h3{color:#35495e;margin-bottom:40px;font-size:28px;text-align:center}.testimonial-grid{display:flex;justify-content:center;gap:40px;flex-wrap:wrap}.testimonial-item{max-width:300px;padding:30px;background-color:#fff;border-radius:8px;box-shadow:0 4px 15px #00000014;text-align:left}.testimonial-text{color:#666;line-height:1.8;margin-bottom:20px;font-style:italic}.testimonial-author{color:#42b983;font-weight:700;text-align:right}.content{text-align:center}.content h2{color:#35495e;margin-bottom:20px}.content p{margin-bottom:40px;color:#666;font-size:18px}.benefits{display:flex;justify-content:center;gap:30px;margin:40px 0;flex-wrap:wrap}.benefit-item{background-color:#f0f9ff;padding:30px;border-radius:8px;max-width:250px;text-align:left}.benefit-item h3{color:#3b82f6;margin-bottom:15px}.benefit-item p{color:#666;margin-bottom:0}.join-btn{background-color:#f59e0b;color:#fff;padding:15px 40px;font-size:18px;border:none;border-radius:4px;cursor:pointer;margin-top:20px}.cooperation-section-wrapper{padding:60px 0;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);width:100vw}.cooperation-section{background-color:#f5f5f5;max-width:1140px;width:100%;margin:0 auto;padding:0 20px;min-height:550px;display:flex;flex-direction:column;justify-content:center;align-items:center}.cooperation-title{text-align:center;color:#35495e;font-size:32px;margin-bottom:40px}.cooperation-form{width:100%;padding:40px;border-radius:8px}.form-row{display:flex;justify-content:space-between;gap:20px;margin-bottom:20px;flex-wrap:wrap}.form-group{flex:1;min-width:250px;margin-right:20px;display:flex;align-items:center;gap:10px}.form-row .form-group:last-child{margin-right:0}.form-label{white-space:nowrap;color:#666;font-size:14px;min-width:80px}.required{color:#ff4d4f;margin-left:4px}.form-input{flex:1;padding:12px;border:1px solid #ddd;border-radius:4px;font-size:16px;transition:border-color .3s ease}.form-input:focus{outline:none;border-color:#42b983;box-shadow:0 0 0 2px #42b9831a}.submit-btn{width:auto;padding:15px 60px;background-color:#42b983;color:#fff;border:none;border-radius:50px;font-size:18px;cursor:pointer;transition:background-color .3s ease;margin-top:50px;display:block;margin-left:auto;margin-right:auto}.submit-btn:hover{background-color:#35495e}.join-btn:hover{background-color:#d97706}@media (max-width: 768px){.hero-section{flex-direction:column;text-align:center}.hero-content{text-align:center}.hero-buttons{justify-content:center}.detection-section{flex-direction:column;text-align:center}.detection-header{justify-content:center}.detection-tags{position:relative;top:auto;right:auto;flex-direction:row;flex-wrap:wrap;justify-content:center;margin-top:20px}.detection-btn{position:relative;bottom:auto;left:auto;transform:none;margin-top:20px}.detection-btn:hover{transform:translateY(-2px)}.nutrition-content-wrapper{flex-direction:column}.nutrition-image,.nutrition-content{flex:0 0 100%}.nutrition-header{justify-content:center}.commerce-section{flex-direction:column}.commerce-content,.commerce-image{flex:0 0 100%}.commerce-header{justify-content:center}.health-section{flex-direction:column}.health-left,.health-right{flex:0 0 100%}.health-header{justify-content:center}.features-grid{flex-direction:column;align-items:center}.feature-block,.feature-block.reverse{flex-direction:column;text-align:center}.feature-content{text-align:center;max-width:100%}.feature-img{width:100%;max-width:400px}.testimonial-grid,.benefits{flex-direction:column;align-items:center}.cooperation-form{padding:20px}.form-row{flex-direction:column;gap:15px}.form-group{min-width:100%;flex-direction:column;align-items:flex-start;gap:8px}.form-label{min-width:auto;white-space:normal}.form-input{width:100%;flex:none}.submit-btn{width:100%;border-radius:50px;padding:15px 20px}}