麻豆网站视频在线观看,av一区在线播放,日本在线视频不卡,国产精品一区二区a

惠短信

慈云數(shù)據(jù) · 專業(yè)短信服務(wù)平臺(tái) 拋棄垃圾通道，擁抱高效穩(wěn)定的短信服務(wù)

惠短信-短信驗(yàn)證碼|語音驗(yàn)證碼|會(huì)員短信通知-慈云數(shù)據(jù)專業(yè)短信服務(wù) '); opacity: 0.3; } .hero-content { position: relative; z-index: 2; max-width: 800px; animation: fadeInUp 1s ease-out; } .brand-title { font-size: 3.5rem; font-weight: 700; margin-bottom: 1rem; background: linear-gradient(45deg, #fff, #f0f8ff); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } .brand-subtitle { font-size: 1.5rem; margin-bottom: 2rem; opacity: 0.9; font-weight: 300; } .hero-stats { display: flex; justify-content: space-around; margin: 3rem 0; flex-wrap: wrap; } .stat-item { text-align: center; margin: 1rem; padding: 2rem; background: rgba(255, 255, 255, 0.1); border-radius: 15px; backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.2); transition: transform 0.3s ease; } .stat-item:hover { transform: translateY(-10px); } .stat-number { font-size: 2.5rem; font-weight: 700; color: #ffd700; display: block; } .stat-label { font-size: 1.1rem; margin-top: 0.5rem; } .cta-button { display: inline-block; padding: 15px 40px; background: linear-gradient(45deg, #ff6b6b, #ee5a24); color: white; text-decoration: none; border-radius: 50px; font-size: 1.2rem; font-weight: 600; transition: all 0.3s ease; box-shadow: 0 10px 30px rgba(255, 107, 107, 0.3); margin-top: 2rem; } .cta-button:hover { transform: translateY(-3px); box-shadow: 0 15px 40px rgba(255, 107, 107, 0.4); } /* Services Section */ .services { padding: 100px 0; background: #f8f9fa; } .section-title { text-align: center; font-size: 2.5rem; margin-bottom: 3rem; color: #2c3e50; position: relative; } .section-title::after { content: ''; position: absolute; bottom: -10px; left: 50%; transform: translateX(-50%); width: 80px; height: 4px; background: linear-gradient(45deg, #667eea, #764ba2); border-radius: 2px; } .services-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)); gap: 2rem; margin-top: 4rem; } .service-card { background: white; padding: 2.5rem; border-radius: 20px; box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1); transition: all 0.3s ease; position: relative; overflow: hidden; } .service-card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(45deg, #667eea, #764ba2); } .service-card:hover { transform: translateY(-10px); box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15); } .service-icon { width: 60px; height: 60px; background: linear-gradient(45deg, #667eea, #764ba2); border-radius: 15px; display: flex; align-items: center; justify-content: center; margin-bottom: 1.5rem; font-size: 1.5rem; color: white; } .service-title { font-size: 1.5rem; font-weight: 600; margin-bottom: 1rem; color: #2c3e50; } .service-description { color: #666; line-height: 1.8; margin-bottom: 1.5rem; } .service-features { list-style: none; margin-top: 1rem; } .service-features li { padding: 0.5rem 0; color: #555; position: relative; padding-left: 20px; } .service-features li::before { content: '?'; position: absolute; left: 0; color: #28a745; font-weight: bold; } /* Advantages Section */ .advantages { padding: 100px 0; background: linear-gradient(135deg, #2c3e50 0%, #34495e 100%); color: white; } .advantages-content { text-align: center; max-width: 800px; margin: 0 auto; } .advantages-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 2rem; margin-top: 3rem; } .advantage-item { background: rgba(255, 255, 255, 0.1); padding: 2rem; border-radius: 15px; backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.1); transition: transform 0.3s ease; } .advantage-item:hover { transform: translateY(-5px); } .advantage-icon { font-size: 2.5rem; margin-bottom: 1rem; } .advantage-title { font-size: 1.3rem; font-weight: 600; margin-bottom: 1rem; } /* CTA Section */ .final-cta { padding: 100px 0; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); text-align: center; color: white; } .final-cta-content { max-width: 600px; margin: 0 auto; } .final-cta h2 { font-size: 2.5rem; margin-bottom: 1rem; } .final-cta p { font-size: 1.2rem; opacity: 0.9; margin-bottom: 2rem; } /* Animations */ @keyframes fadeInUp { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } } .animate-on-scroll { opacity: 0; transform: translateY(30px); transition: all 0.6s ease; } .animate-on-scroll.animated { opacity: 1; transform: translateY(0); } /* Responsive Design */ @media (max-width: 768px) { .brand-title { font-size: 2.5rem; } .brand-subtitle { font-size: 1.2rem; } .hero-stats { flex-direction: column; align-items: center; } .stat-item { margin: 0.5rem 0; width: 250px; } .services-grid { grid-template-columns: 1fr; } .container { padding: 0 15px; } }