*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','PingFang SC','Hiragino Sans GB','Microsoft YaHei',sans-serif;background:linear-gradient(135deg,#1a1a1a 0%,#2d5016 100%);overflow-x:hidden}.navbar{background:rgba(255,255,255,0.95);backdrop-filter:blur(10px);padding:20px 0;position:fixed;width:100%;top:0;z-index:1000;box-shadow:0 2px 20px rgba(0,0,0,0.1);transition:all 0.3s ease}.navbar.scrolled{padding:15px 0;box-shadow:0 2px 30px rgba(0,0,0,0.15)}.nav-container{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:0 30px}.logo-wrapper{display:flex;align-items:center;gap:12px}.app-icon{width:45px;height:45px;border-radius:12px;object-fit:cover;box-shadow:0 2px 8px rgba(0,0,0,0.15)}.logo{font-size:28px;font-weight:bold;background:linear-gradient(135deg,#1a1a1a 0%,#4caf50 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-actions{display:flex;align-items:center;gap:15px}.lang-switch{background:transparent;border:2px solid #4caf50;color:#4caf50;padding:8px 16px;border-radius:20px;cursor:pointer;font-weight:600;font-size:14px;transition:all 0.3s ease}.lang-switch:hover{background:#4caf50;color:white}.lang-text{font-family:'Arial',sans-serif}.nav-links{display:flex;gap:30px;list-style:none}.nav-links a{color:#333;text-decoration:none;font-weight:500;transition:color 0.3s ease}.nav-links a:hover{color:#4caf50}.download-btn{background:linear-gradient(135deg,#1a1a1a 0%,#4caf50 100%);color:white;padding:12px 30px;border-radius:25px;border:none;cursor:pointer;font-weight:600;transition:transform 0.3s ease,box-shadow 0.3s ease}.download-btn:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(76,175,80,0.3)}.hero{padding:150px 30px 80px;text-align:center;color:white}.hero h1{font-size:56px;margin-bottom:20px;animation:fadeInUp 1s ease}.hero p{font-size:22px;margin-bottom:40px;opacity:0.9;animation:fadeInUp 1s ease 0.2s;animation-fill-mode:both}.hero-buttons{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;animation:fadeInUp 1s ease 0.4s;animation-fill-mode:both}.btn-primary,.btn-secondary{padding:15px 40px;border-radius:30px;font-size:18px;font-weight:600;cursor:pointer;transition:all 0.3s ease;border:none}.btn-primary{background:white;color:#1a1a1a}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 15px 35px rgba(255,255,255,0.3)}.btn-secondary{background:transparent;color:white;border:2px solid white}.btn-secondary:hover{background:white;color:#4caf50}.features{background:white;padding:100px 30px}.features-container{max-width:1200px;margin:0 auto}.section-title{text-align:center;font-size:42px;margin-bottom:60px;color:#333}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px}.feature-card{padding:40px;border-radius:20px;background:#f8f9fa;transition:all 0.3s ease;cursor:pointer;opacity:0;transform:translateY(30px)}.feature-card.visible{opacity:1;transform:translateY(0)}.feature-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px rgba(0,0,0,0.1)}.feature-icon{width:auto;height:200px;margin-bottom:20px;border-radius:15px;object-fit:contain}.feature-card h3{font-size:24px;margin-bottom:15px;color:#333}.feature-card p{color:#666;line-height:1.6}.screenshots{padding:100px 30px;background:linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 100%)}.screenshots-container{max-width:1200px;margin:0 auto}.screenshots-slider{display:flex;overflow-x:auto;gap:30px;padding:20px 0;scroll-behavior:smooth}.screenshots-slider::-webkit-scrollbar{height:8px}.screenshots-slider::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.screenshots-slider::-webkit-scrollbar-thumb{background:#667eea;border-radius:10px}.screenshot-item{min-width:300px;border-radius:30px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,0.2);transition:transform 0.3s ease;cursor:pointer}.screenshot-item:hover{transform:scale(1.05)}.screenshot-item img{width:100%;height:auto;display:block}.cta{padding:100px 30px;background:linear-gradient(135deg,#1a1a1a 0%,#2d5016 100%);color:white;text-align:center}.cta h2{font-size:42px;margin-bottom:20px}.cta p{font-size:20px;margin-bottom:40px;opacity:0.9}.app-badges{display:flex;gap:20px;justify-content:center;align-items:center;flex-wrap:wrap}.badge{display:inline-block;background:transparent;border:none;padding:0}.badge img{height:54px;width:auto;display:block}footer{background:#2d3748;color:white;padding:60px 30px 30px}.footer-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px;margin-bottom:40px}.footer-section h3{margin-bottom:20px;font-size:20px}.footer-section ul{list-style:none}.footer-section ul li{margin-bottom:10px}.footer-section a{color:#a0aec0;text-decoration:none;transition:color 0.3s ease}.footer-section a:hover{color:white}.footer-bottom{text-align:center;padding-top:30px;border-top:1px solid #4a5568;color:#a0aec0}.beian-link{display:inline-flex;align-items:center;gap:8px;color:#4caf50;text-decoration:none;font-size:0.95rem;margin-bottom:15px;padding:8px 16px;background:rgba(76,175,80,0.1);border-radius:8px;transition:all 0.3s ease}.beian-link:hover{background:rgba(76,175,80,0.2);color:#66bb6a}.beian-link img{width:20px;height:20px}.org-info{color:#a0aec0;font-size:0.9rem;line-height:1.8;margin:10px 0}.org-info p{margin:5px 0}.back-to-top{position:fixed;bottom:30px;right:30px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white;width:50px;height:50px;border-radius:50%;display:none;align-items:center;justify-content:center;cursor:pointer;font-size:24px;box-shadow:0 5px 20px rgba(102,126,234,0.4);transition:all 0.3s ease;z-index:999}.back-to-top:hover{transform:translateY(-5px);box-shadow:0 10px 30px rgba(102,126,234,0.6)}.back-to-top.visible{display:flex}.custom-modal{display:none;position:fixed;z-index:10000;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.7);backdrop-filter:blur(5px);animation:fadeIn 0.3s ease}.modal-content{position:relative;background:white;margin:5% auto;padding:0;width:90%;max-width:600px;border-radius:20px;box-shadow:0 20px 60px rgba(0,0,0,0.3);animation:slideDown 0.4s ease;overflow:hidden}.modal-close{position:absolute;right:20px;top:20px;color:#666;font-size:32px;font-weight:300;cursor:pointer;transition:all 0.3s ease;z-index:1;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%}.modal-close:hover{color:#4caf50;background:rgba(76,175,80,0.1);transform:rotate(90deg)}.modal-title{background:linear-gradient(135deg,#1a1a1a 0%,#4caf50 100%);color:white;padding:30px 30px 25px;margin:0;font-size:24px;font-weight:600}.modal-body{padding:30px;color:#333;line-height:1.8;font-size:16px;max-height:60vh;overflow-y:auto}.modal-body::-webkit-scrollbar{width:8px}.modal-body::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.modal-body::-webkit-scrollbar-thumb{background:#4caf50;border-radius:10px}.modal-body::-webkit-scrollbar-thumb:hover{background:#45a049}.modal-body iframe{width:100%;height:500px;border:none;border-radius:10px;margin-top:10px}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes slideDown{from{transform:translateY(-100px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.hero h1{font-size:36px}.hero p{font-size:18px}.section-title{font-size:32px}.nav-links{display:none}.screenshot-item{min-width:250px}.purchase-title{font-size:28px !important}.price-amount{font-size:72px !important}.stripe-modal-content{margin:2% auto !important;width:95% !important}.stripe-step{flex-direction:column;text-align:center}.step-number{margin-bottom:15px}}.purchase-section{padding:100px 30px;background:linear-gradient(135deg,#ffffff 0%,#f0f4f8 100%);position:relative;overflow:hidden}.purchase-section::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(76,175,80,0.05) 0%,transparent 50%);animation:pulse 4s ease-in-out infinite}@keyframes pulse{0%,100%{transform:scale(1);opacity:0.5}50%{transform:scale(1.1);opacity:0.8}}.purchase-container{max-width:600px;margin:0 auto;text-align:center;position:relative;z-index:1}.purchase-badge{display:inline-block;background:linear-gradient(135deg,#ff6b6b 0%,#ee5a24 100%);color:white;padding:8px 24px;border-radius:50px;font-size:14px;font-weight:600;margin-bottom:25px;animation:bounce 2s ease infinite}@keyframes bounce{0%,20%,50%,80%,100%{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.purchase-title{font-size:38px;color:#1a1a1a;margin-bottom:30px;line-height:1.3}.purchase-price{margin-bottom:20px}.price-currency{font-size:36px;font-weight:600;color:#4caf50;vertical-align:top;line-height:1}.price-amount{font-size:96px;font-weight:800;background:linear-gradient(135deg,#4caf50 0%,#2d5016 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}.price-period{font-size:20px;color:#666;margin-left:5px}.purchase-slogan{font-size:20px;color:#666;margin-bottom:30px;font-style:italic}.purchase-benefits{list-style:none;text-align:left;max-width:350px;margin:0 auto 35px}.purchase-benefits li{padding:12px 0;font-size:17px;color:#333;border-bottom:1px dashed #e0e0e0;transition:all 0.3s ease}.purchase-benefits li:last-child{border-bottom:none}.purchase-benefits li:hover{padding-left:10px;color:#4caf50}.purchase-btn{background:linear-gradient(135deg,#4caf50 0%,#2d5016 100%);color:white;border:none;padding:20px 60px;font-size:22px;font-weight:700;border-radius:50px;cursor:pointer;transition:all 0.3s ease;box-shadow:0 10px 40px rgba(76,175,80,0.4);margin-bottom:25px}.purchase-btn:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 15px 50px rgba(76,175,80,0.5)}.purchase-btn:active{transform:translateY(-2px) scale(1)}.purchase-guarantee{font-size:15px;color:#888}.stripe-modal-content{max-width:650px}.stripe-modal-body{padding:35px !important}.stripe-content-wrapper{display:flex;gap:40px;margin-bottom:35px;align-items:flex-start}.stripe-steps{flex:1;min-width:0}.stripe-step{display:flex;align-items:flex-start;gap:20px;padding:20px 0;border-bottom:1px solid #f0f0f0}.stripe-step:last-child{border-bottom:none}.step-number{width:45px;height:45px;min-width:45px;background:linear-gradient(135deg,#4caf50 0%,#2d5016 100%);color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700}.step-content h4{font-size:18px;color:#333;margin-bottom:5px}.step-content p{font-size:14px;color:#666;margin:0}.wechat-qrcode-section{flex-shrink:0;display:flex;flex-direction:column;align-items:center;padding:20px;background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);border-radius:12px;box-shadow:0 2px 12px rgba(0,0,0,0.08)}.qrcode-label{font-size:16px;font-weight:600;color:#333;margin-bottom:15px;text-align:center}.wechat-qrcode{display:flex;justify-content:center;align-items:center;background:white;padding:15px;border-radius:8px}.wechat-qrcode img{max-width:160px;max-height:220px;width:auto;height:auto;border-radius:4px;object-fit:contain}@media (max-width:768px){.stripe-content-wrapper{flex-direction:column;gap:25px}.wechat-qrcode-section{width:100%;max-width:280px;margin:0 auto}.wechat-qrcode img{max-width:140px;max-height:200px}.step-content h4{font-size:16px}.step-content p{font-size:13px}}.stripe-buy-btn-wrapper{display:flex;justify-content:center;margin:30px 0}.stripe-note{background:linear-gradient(135deg,#fff9e6 0%,#fff3cd 100%);padding:18px 24px;border-radius:12px;border-left:4px solid #ffc107}.stripe-note p{margin:0;font-size:15px;color:#856404}.stripe-modal-close{color:white !important}.stripe-modal-close:hover{color:#fff !important;background:rgba(255,255,255,0.2) !important}