*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Arial','Microsoft YaHei',sans-serif;line-height:1.6;color:#333;background:#f7f8fc}
.container{max-width:1200px;margin:0 auto;padding:0 15px}
.hero-section{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white;padding:50px 20px;text-align:center;margin-bottom:20px;position:relative;overflow:hidden}
.hero-section::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 100" fill="white" opacity="0.1"><polygon points="1000,100 1000,0 0,100"/></svg>');background-size:cover}
.hero-content{position:relative;z-index:2}
.hero-title{font-size:2.5rem;font-weight:800;margin-bottom:15px;line-height:1.2}
.hero-subtitle{font-size:1.3rem;margin-bottom:25px;opacity:0.95}
.hero-proof{background:rgba(255,255,255,0.15);padding:15px 25px;border-radius:50px;display:inline-block;margin-bottom:25px;backdrop-filter:blur(10px)}
.hero-cta{background:#ff6b6b;color:white;padding:18px 40px;border:none;border-radius:50px;font-size:1.2rem;font-weight:700;cursor:pointer;transition:all 0.3s ease;text-decoration:none;display:inline-block;text-transform:uppercase;letter-spacing:1px;box-shadow:0 8px 30px rgba(255,107,107,0.4)}
.hero-cta:hover{transform:translateY(-3px);box-shadow:0 12px 40px rgba(255,107,107,0.6)}
.urgency-text{margin-top:15px;font-size:0.9rem;opacity:0.8}
.pain-section{background:white;padding:40px 30px;margin:20px 0;border-radius:15px;box-shadow:0 5px 30px rgba(0,0,0,0.1);text-align:center}
.pain-title{font-size:2rem;color:#e74c3c;margin-bottom:25px;font-weight:700}
.pain-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin:30px 0}
.pain-item{background:#fef9f9;padding:25px;border-radius:12px;text-align:left}
.pain-icon{font-size:2.5rem;margin-bottom:15px;display:block}
.pain-text{color:#666;font-size:1rem;line-height:1.5}
.social-proof{background:#f8fff8;padding:40px 30px;margin:20px 0;border-radius:15px;text-align:center}
.proof-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px;margin:30px 0}
.stat-item{background:white;padding:20px;border-radius:12px;box-shadow:0 3px 15px rgba(0,0,0,0.1)}
.stat-number{font-size:2.5rem;font-weight:800;color:#2ecc71;display:block;margin-bottom:5px}
.stat-label{color:#666;font-size:0.9rem}
.solution-preview{background:linear-gradient(135deg,#74b9ff 0%,#0984e3 100%);color:white;padding:50px 30px;margin:20px 0;border-radius:15px;text-align:center;position:relative}
.solution-title{font-size:2.2rem;margin-bottom:20px;font-weight:700}
.solution-description{font-size:1.2rem;margin-bottom:30px;opacity:0.95;line-height:1.6}
.feature-highlights{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin:30px 0}
.feature-item{background:rgba(255,255,255,0.15);padding:20px;border-radius:12px;backdrop-filter:blur(10px)}
.feature-icon{font-size:2rem;margin-bottom:10px;display:block}
.feature-text{font-weight:600;margin-bottom:5px}
.feature-desc{font-size:0.9rem;opacity:0.8}
.benefits-section{background:white;padding:50px 30px;margin:20px 0;border-radius:15px;box-shadow:0 5px 30px rgba(0,0,0,0.1)}
.benefits-title{font-size:2rem;text-align:center;margin-bottom:40px;color:#2c3e50;font-weight:700}
.benefit-item{display:flex;align-items:flex-start;margin-bottom:30px;padding:25px;background:#f8f9fa;border-radius:12px;transition:transform 0.3s ease}
.benefit-item:hover{transform:translateY(-5px);box-shadow:0 10px 30px rgba(0,0,0,0.1)}
.benefit-icon{font-size:2.5rem;margin-right:20px;flex-shrink:0}
.benefit-content h4{font-size:1.3rem;margin-bottom:10px;color:#2c3e50;font-weight:600}
.benefit-content p{color:#666;line-height:1.6}
.proof-points{background:#2c3e50;color:white;padding:50px 30px;margin:20px 0;border-radius:15px;text-align:center}
.proof-title{font-size:2rem;margin-bottom:30px;font-weight:700}
.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:25px;margin:40px 0}
.metric-card{background:rgba(255,255,255,0.1);padding:30px 20px;border-radius:12px;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.2)}
.metric-number{font-size:3rem;font-weight:800;display:block;margin-bottom:10px;color:#74b9ff}
.metric-label{font-size:1rem;opacity:0.9}
.comparison-section{background:white;padding:50px 30px;margin:20px 0;border-radius:15px;box-shadow:0 5px 30px rgba(0,0,0,0.1);overflow-x:auto}
.comparison-title{font-size:2rem;text-align:center;margin-bottom:30px;color:#2c3e50;font-weight:700}
.comparison-table{width:100%;border-collapse:collapse;margin:20px 0;font-size:0.9rem}
.comparison-table th,.comparison-table td{padding:15px 10px;text-align:center;border:1px solid #e0e0e0}
.comparison-table th{background:#f8f9fa;font-weight:600;color:#2c3e50}
.winner{background:#e8f5e8;font-weight:600;color:#27ae60}
.loser{background:#fef2f2;color:#e74c3c}
.objection-handling{background:#fff9e6;padding:40px 30px;margin:20px 0;border-radius:15px}
.objection-title{font-size:1.8rem;color:#d68910;margin-bottom:30px;font-weight:700;text-align:center}
.objection-item{background:white;padding:25px;margin-bottom:20px;border-radius:12px;box-shadow:0 3px 15px rgba(0,0,0,0.1)}
.objection-question{font-weight:600;color:#e74c3c;margin-bottom:10px;font-size:1.1rem}
.objection-answer{color:#555;line-height:1.6}
@keyframes shine{0%{transform:translateX(-100%) translateY(-100%) rotate(45deg)}
100%{transform:translateX(100%) translateY(100%) rotate(45deg)}
}.guarantee-badges{display:flex;justify-content:center;gap:30px;margin-top:30px;flex-wrap:wrap}
.badge{background:rgba(255,255,255,0.2);padding:10px 20px;border-radius:25px;font-size:0.9rem;backdrop-filter:blur(10px)}
.final-push{background:#2c3e50;color:white;padding:50px 30px;margin:20px 0;border-radius:15px;text-align:center}
.final-title{font-size:2rem;margin-bottom:30px;font-weight:700}
.final-text{font-size:1.1rem;line-height:1.6;margin-bottom:30px;opacity:0.9}
.final-cta{background:#27ae60;color:white;padding:18px 40px;border:none;border-radius:50px;font-size:1.2rem;font-weight:700;cursor:pointer;transition:all 0.3s ease;text-decoration:none;display:inline-block;text-transform:uppercase;letter-spacing:1px;box-shadow:0 8px 30px rgba(39,174,96,0.4)}
.final-cta:hover{transform:translateY(-3px);box-shadow:0 12px 40px rgba(39,174,96,0.6)}
@media (max-width:768px){.hero-title{font-size:2rem}
.hero-subtitle{font-size:1.1rem}
.pain-grid,.proof-stats,.feature-highlights,.metrics-grid,.testimonial-grid{grid-template-columns:1fr}
.guarantee-badges{flex-direction:column;gap:15px}
.benefit-item{flex-direction:column;text-align:center}
.benefit-icon{margin-right:0;margin-bottom:15px}
.kuaifanimg img{display: none;}
.kuaifanimg img:first-child {display: block;width: 100%; }
}.fade-in{opacity:0;transform:translateY(30px);transition:all 0.6s ease}
.fade-in.visible{opacity:1;transform:translateY(0)}
.kuaifanimg{display: flex; gap: 21px;}