.hero{padding:150px 0 110px;background:linear-gradient(160deg,var(--warm-white) 0,var(--cream) 40%,var(--cream-warm) 100%);position:relative;overflow:hidden}.hero::before{content:'';position:absolute;top:-20%;right:-5%;width:700px;height:700px;background:radial-gradient(circle,rgba(232,93,4,.12) 0,rgba(244,140,6,.06) 40%,transparent 70%);border-radius:50%}.hero::after{content:'';position:absolute;bottom:-15%;left:-10%;width:500px;height:500px;background:radial-gradient(circle,rgba(255,159,28,.08) 0,transparent 70%);border-radius:50%}.hero-inner{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:1}.hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(232,93,4,.08);border:1px solid rgba(232,93,4,.18);color:var(--orange);padding:8px 20px;border-radius:50px;font-size:14px;font-weight:700;margin-bottom:26px}.hero-badge span{width:8px;height:8px;background:var(--orange-light);border-radius:50%;animation:2s infinite pulse;box-shadow:0 0 8px rgba(232,93,4,.4)}@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}.hero h1{font-size:52px;font-weight:900;line-height:1.15;color:var(--charcoal);margin-bottom:22px;letter-spacing:-1px}.hero h1 .highlight{background:linear-gradient(135deg,var(--orange),var(--orange-bright));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-desc{font-size:18px;color:var(--charcoal-soft);margin-bottom:38px;line-height:1.8;max-width:520px}.hero-btns{display:flex;gap:16px;margin-bottom:44px}.hero-stats{display:flex;gap:44px}.stat-item{text-align:left}.stat-num{font-size:34px;font-weight:900;color:var(--orange);letter-spacing:-1px}.stat-label{font-size:14px;color:var(--gray);font-weight:600;margin-top:4px}.hero-visual{position:relative;display:flex;justify-content:center;align-items:center}.payment-card{background:var(--white);border-radius:28px;padding:36px;box-shadow:var(--shadow-lg),0 2px 8px rgba(43,45,66,.06);width:100%;max-width:420px;position:relative;border:1px solid rgba(232,93,4,.1)}.payment-card-header{display:flex;align-items:center;gap:14px;margin-bottom:28px;padding-bottom:22px;border-bottom:1px solid rgba(232,93,4,.08)}.payment-card-avatar{width:52px;height:52px;background:linear-gradient(135deg,var(--orange),var(--orange-light));border-radius:16px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px;box-shadow:0 4px 16px rgba(232,93,4,.3)}.payment-card-info h3{font-size:17px;font-weight:800;color:var(--charcoal)}.payment-card-info p{font-size:13px;color:var(--gray);font-weight:600}.payment-amount{text-align:center;padding:24px 0}.payment-amount .label{font-size:14px;color:var(--gray);margin-bottom:10px;font-weight:600}.payment-amount .amount{font-size:44px;font-weight:900;color:var(--orange);letter-spacing:-1px}.payment-methods{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:24px}.pay-method{display:flex;flex-direction:column;align-items:center;gap:8px;padding:18px 10px;border-radius:16px;border:2px solid #f0ebe5;cursor:pointer;transition:.3s;background:var(--warm-white)}.pay-method.active,.pay-method:hover{border-color:var(--orange);background:rgba(232,93,4,.06);box-shadow:0 4px 16px rgba(232,93,4,.1);transform:translateY(-2px)}.pay-method-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px}.pay-method-icon.wechat{background:rgba(0,200,83,.12);color:#00a650}.pay-method-icon.alipay{background:rgba(24,144,255,.12);color:#1890ff}.pay-method-icon.union{background:rgba(232,93,4,.12);color:var(--orange)}.pay-method-name{font-size:13px;font-weight:700;color:var(--charcoal)}.floating-badge{position:absolute;background:var(--white);border-radius:14px;padding:14px 20px;box-shadow:var(--shadow-dark);display:flex;align-items:center;gap:10px;font-size:14px;font-weight:700;animation:3s ease-in-out infinite float;border:1px solid rgba(232,93,4,.12);color:var(--charcoal)}.floating-badge.badge-1{top:-16px;right:-16px;animation-delay:0s}.floating-badge.badge-2{bottom:40px;left:-24px;animation-delay:1.5s}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}.badge-dot{width:10px;height:10px;border-radius:50%}.badge-dot.green{background:#00a650;box-shadow:0 0 8px rgba(0,166,80,.4)}.badge-dot.orange{background:var(--orange);box-shadow:0 0 8px rgba(232,93,4,.4)}.features{padding:110px 0;background:var(--white);position:relative}.features::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(232,93,4,.2),transparent)}.section-header{text-align:center;margin-bottom:64px}.section-header h2{font-size:38px;font-weight:900;color:var(--charcoal);margin-bottom:16px;letter-spacing:-.5px}.section-header p{font-size:17px;color:var(--charcoal-soft);max-width:560px;margin:0 auto;line-height:1.7}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.feature-card{background:var(--warm-white);border-radius:24px;padding:44px 32px;transition:.35s;border:1px solid rgba(232,93,4,.06);position:relative;overflow:hidden}.feature-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--orange),var(--orange-light));opacity:0;transition:opacity .35s;border-radius:24px 24px 0 0}.feature-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);border-color:rgba(232,93,4,.12)}.feature-card:hover::before{opacity:1}.feature-icon{width:64px;height:64px;border-radius:18px;display:flex;align-items:center;justify-content:center;font-size:30px;margin-bottom:26px;transition:transform .3s}.feature-card:hover .feature-icon{transform:scale(1.08)}.feature-icon.orange{background:linear-gradient(135deg,rgba(232,93,4,.12),rgba(244,140,6,.08));color:var(--orange)}.feature-icon.green{background:linear-gradient(135deg,rgba(0,166,80,.1),rgba(0,200,83,.06));color:#00a650}.feature-icon.blue{background:linear-gradient(135deg,rgba(24,144,255,.1),rgba(59,130,246,.06));color:#2563eb}.feature-card h3{font-size:20px;font-weight:800;color:var(--charcoal);margin-bottom:12px}.feature-card p{font-size:15px;color:var(--charcoal-soft);line-height:1.7}.payment-types{padding:110px 0;background:linear-gradient(180deg,var(--cream) 0,var(--warm-white) 100%);position:relative}.payment-types::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(232,93,4,.2),transparent)}.payment-types-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.payment-type-card{background:var(--white);border-radius:24px;padding:38px 24px;text-align:center;box-shadow:0 2px 12px rgba(43,45,66,.05);transition:.35s;border:1px solid rgba(232,93,4,.05);position:relative;overflow:hidden}.payment-type-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--orange),var(--orange-light));opacity:0;transition:opacity .35s;border-radius:24px 24px 0 0}.payment-type-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg);border-color:rgba(232,93,4,.1)}.payment-type-card:hover::before{opacity:1}.payment-type-icon{width:68px;height:68px;border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:32px;margin:0 auto 22px;transition:transform .3s}.payment-type-card:hover .payment-type-icon{transform:scale(1.1) rotate(-3deg)}.payment-type-card h3{font-size:18px;font-weight:800;color:var(--charcoal);margin-bottom:10px}.payment-type-card p{font-size:14px;color:var(--charcoal-soft);line-height:1.6}.how-it-works{padding:110px 0;background:var(--white);position:relative}.how-it-works::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(232,93,4,.2),transparent)}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;position:relative}.step{text-align:center;position:relative}.step-num{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,var(--orange),var(--orange-light));color:#fff;display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:900;margin:0 auto 24px;position:relative;z-index:2;box-shadow:0 6px 24px rgba(232,93,4,.35);transition:transform .3s}.step:hover .step-num{transform:scale(1.1)}.step h3{font-size:19px;font-weight:800;color:var(--charcoal);margin-bottom:10px}.step p{font-size:14px;color:var(--charcoal-soft);line-height:1.7}.cta-home{padding:110px 0;background:linear-gradient(135deg,var(--orange-dark),var(--orange),var(--orange-light));position:relative;overflow:hidden}.cta-home::before{content:'';position:absolute;top:-40%;left:-15%;width:600px;height:600px;background:radial-gradient(circle,rgba(255,255,255,.12) 0,transparent 70%);border-radius:50%}.cta-home::after{content:'';position:absolute;bottom:-30%;right:-10%;width:450px;height:450px;background:radial-gradient(circle,rgba(255,255,255,.08) 0,transparent 70%);border-radius:50%}.cta-home-inner{text-align:center;position:relative;z-index:1}.cta-home h2{font-size:42px;font-weight:900;color:#fff;margin-bottom:16px;letter-spacing:-.5px}.cta-home p{font-size:18px;color:rgba(255,255,255,.92);margin-bottom:38px;max-width:600px;margin-left:auto;margin-right:auto;line-height:1.7}.cta-home .btn{background:var(--white);color:var(--orange);font-size:16px;padding:16px 44px;font-weight:800;box-shadow:0 8px 32px rgba(0,0,0,.2)}.cta-home .btn:hover{background:var(--cream);transform:translateY(-3px);box-shadow:0 12px 40px rgba(0,0,0,.25)}.tech-grid{position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(rgba(232,93,4,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(232,93,4,.025) 1px,transparent 1px);background-size:60px 60px;pointer-events:none}.dots-pattern{position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(rgba(232,93,4,.08) 1.5px,transparent 1.5px);background-size:28px 28px;pointer-events:none;opacity:.5}@media (max-width:1024px){.hero-inner{grid-template-columns:1fr;text-align:center}.hero h1{font-size:40px}.hero-desc{max-width:100%}.hero-stats{justify-content:center}.hero-visual{order:-1}.payment-card{max-width:380px;margin:0 auto}.features-grid,.payment-types-grid,.steps{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.hero{padding:130px 0 70px}.hero h1{font-size:32px}.hero-desc{font-size:16px}.hero-btns{flex-direction:column;align-items:center}.hero-stats{flex-direction:column;gap:20px;align-items:center}.stat-item{text-align:center}.features-grid,.payment-types-grid,.steps{grid-template-columns:1fr}.cta-home h2,.section-header h2{font-size:30px}.floating-badge{display:none}}