.header{background-color:rgba(255,255,255,.95);-webkit-backdrop-filter:saturate(180%)blur(20px);backdrop-filter:saturate(180%)blur(20px);border-bottom:1px solid#f0f0f0;position:sticky;top:0;z-index:1000;transition:all.3s ease;box-shadow:0 2px 20px rgba(0,0,0,5%)}.nav{display:flex;justify-content:space-between;align-items:center;padding:12px 0;gap:24px}@media(max-width:968px){.nav{flex-wrap:wrap;gap:16px}}.logo{display:flex;align-items:center;gap:12px;text-decoration:none;color:#4a4a4a;transition:transform.3s ease}.logo:hover{transform:scale(1.02)}.logo-image{height:44px;width:auto;object-fit:contain}@media(max-width:768px){.logo-image{height:36px}}.logo-text{font-size:24px;font-weight:700;background:linear-gradient(135deg,#4caf50 0%,#ff9a56 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media(max-width:768px){.logo-text{font-size:20px}}.nav-menu{display:flex;list-style:none;gap:8px;align-items:center;margin:0 auto}@media(max-width:968px){.nav-menu{display:none}}.nav-menu li{position:relative}.nav-link{display:flex;align-items:center;gap:6px;padding:10px 20px;text-decoration:none;color:#6b6b6b;font-size:16px;font-weight:500;border-radius:9999px;transition:all.3s ease}@media(max-width:768px){.nav-link{padding:8px 14px;font-size:15px}}.nav-link:hover{color:#4caf50;background:#f5faf5}.nav-link.active{color:#4caf50;background:#f5faf5}.nav-cta{flex-shrink:0}.nav-cta .btn{padding:10px 24px;font-size:14px}@media(max-width:968px){.nav-cta .btn{display:none}}.mobile-menu-btn{display:none;width:44px;height:44px;align-items:center;justify-content:center;background:#f5faf5;border:none;border-radius:12px;cursor:pointer;transition:all.3s ease}.mobile-menu-btn:hover{background:#4caf50}.mobile-menu-btn:hover .hamburger-line{background:white}@media(max-width:968px){.mobile-menu-btn{display:flex}}.mobile-menu-btn svg{width:24px;height:24px;color:#4a4a4a}.hamburger-line{display:block;width:20px;height:2px;background:#4a4a4a;border-radius:9999px;transition:all.3s ease;position:relative}.hamburger-line:before,.hamburger-line:after{content:"";position:absolute;left:0;width:100%;height:2px;background:inherit;border-radius:inherit;transition:all.3s ease}.hamburger-line:before{top:-6px}.hamburger-line:after{bottom:-6px}.mobile-menu-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:1999;opacity:0;transition:opacity.3s ease}.mobile-menu-overlay.active{display:block;opacity:1}.mobile-menu{position:fixed;top:0;right:-280px;width:280px;height:100vh;background:white;z-index:2000;padding:24px;transition:right.3s ease;overflow-y:auto;box-shadow:-4px 0 20px rgba(0,0,0,.1)}.mobile-menu.active{right:0}.mobile-menu .menu-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px;padding-bottom:16px;border-bottom:1px solid#f0f0f0}.mobile-menu .menu-header .menu-logo{display:flex;align-items:center;gap:10px;text-decoration:none}.mobile-menu .menu-header .menu-logo img{height:36px;width:auto}.mobile-menu .menu-header .menu-logo span{font-size:20px;font-weight:700;background:linear-gradient(135deg,#4caf50 0%,#ff9a56 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.mobile-menu .menu-header .close-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#f8f8f8;border:none;border-radius:12px;cursor:pointer;transition:all.3s ease}.mobile-menu .menu-header .close-btn:hover{background:#4caf50;color:white}.mobile-menu .menu-header .close-btn svg{width:20px;height:20px}.mobile-menu .menu-nav{list-style:none;display:flex;flex-direction:column;gap:8px;margin-bottom:32px}.mobile-menu .menu-nav li a{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;text-decoration:none;color:#6b6b6b;font-size:16px;font-weight:500;border-radius:12px;transition:all.3s ease}.mobile-menu .menu-nav li a:hover,.mobile-menu .menu-nav li a.active{color:#4caf50;background:#f5faf5}.mobile-menu .menu-nav li a svg{width:20px;height:20px;color:#999}.mobile-menu .menu-cta .btn{width:100%;padding:14px 24px;font-size:16px;justify-content:center}.footer{background:#4a4a4a;color:white;padding:60px 0 24px;margin-top:auto}.footer-main{display:grid;grid-template-columns:1.5fr 2fr;gap:60px;margin-bottom:48px}@media(max-width:968px){.footer-main{grid-template-columns:1fr;gap:40px}}.footer-brand .brand-logo{display:flex;align-items:center;gap:12px;text-decoration:none;margin-bottom:16px}.footer-brand .logo-image{height:40px;width:auto;object-fit:contain}@media(max-width:768px){.footer-brand .logo-image{height:32px}}.footer-brand .logo-text{font-size:24px;font-weight:700;color:white}.footer-brand .brand-desc{color:rgba(255,255,255,.7);font-size:15px;line-height:1.7;margin-bottom:24px;max-width:280px}.social-links{display:flex;gap:12px}.social-link{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.1);border-radius:12px;color:white;transition:all.3s ease}.social-link svg{width:20px;height:20px}.social-link:hover{background:#4caf50;transform:translatey(-2px)}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}@media(max-width:768px){.footer-links{grid-template-columns:repeat(2,1fr);gap:24px}}.link-group h3{font-size:16px;font-weight:600;margin-bottom:20px;color:white}.link-group ul{list-style:none;display:flex;flex-direction:column;gap:12px}.link-group li a{color:rgba(255,255,255,.7);text-decoration:none;font-size:14px;transition:all.3s ease;display:inline-block}.link-group li a:hover{color:#4caf50;transform:translatex(4px)}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:24px}.contact-row{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px;margin-bottom:12px;color:rgba(255,255,255,.6);font-size:14px}.contact-row .separator{color:rgba(255,255,255,.2)}.copyright-row{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px}.copyright-row p{color:rgba(255,255,255,.5);font-size:13px}.icp-link{color:rgba(255,255,255,.5);text-decoration:none;font-size:13px;transition:color.3s ease}.icp-link:hover{color:#4caf50}.home{overflow-x:hidden}.hero{background:linear-gradient(180deg,#f5faf5 0%,#fff 100%);padding:80px 0 100px;position:relative;overflow:hidden;min-height:90vh;display:flex;align-items:center}@media(max-width:768px){.hero{padding:60px 0;min-height:auto}}.hero .container{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}@media(max-width:968px){.hero .container{grid-template-columns:1fr;text-align:center}}.hero-bg{position:absolute;inset:0;overflow:hidden;pointer-events:none}.hero-shape{position:absolute;border-radius:50%;opacity:.5}.hero-shape.shape-1{width:400px;height:400px;background:radial-gradient(circle,rgba(255,140,105,.15)0%,transparent 70%);top:-100px;right:-100px;animation:float 8s ease-in-out infinite}.hero-shape.shape-2{width:300px;height:300px;background:radial-gradient(circle,rgba(125,211,192,.15)0%,transparent 70%);bottom:-50px;left:-50px;animation:float 10s ease-in-out infinite reverse}.hero-shape.shape-3{width:200px;height:200px;background:radial-gradient(circle,rgba(255,154,158,.2)0%,transparent 70%);top:50%;left:30%;animation:float 6s ease-in-out infinite}.hero-content{position:relative;z-index:1}@media(max-width:968px){.hero-content{order:2}}.hero-badge{display:inline-block;padding:8px 20px;background:rgba(255,140,105,.1);color:#4caf50;font-size:14px;font-weight:600;border-radius:9999px;margin-bottom:24px;animation:fadeInUp.6s ease-out}.hero-title{font-size:56px;font-weight:800;line-height:1.2;margin-bottom:24px;color:#4a4a4a;letter-spacing:-1px;animation:fadeInUp.6s ease-out.1s both}@media(max-width:768px){.hero-title{font-size:36px}}.hero-highlight{background:linear-gradient(135deg,#4caf50 0%,#81c784 50%,#4caf50 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:20px;line-height:1.8;color:#6b6b6b;margin-bottom:40px;animation:fadeInUp.6s ease-out.2s both}@media(max-width:768px){.hero-subtitle{font-size:16px}}.hero-buttons{display:flex;gap:16px;margin-bottom:48px;animation:fadeInUp.6s ease-out.3s both}@media(max-width:968px){.hero-buttons{justify-content:center}}@media(max-width:768px){.hero-buttons{flex-direction:column;align-items:center}}.hero-buttons .btn{padding:16px 32px;font-size:16px}.hero-stats{display:flex;gap:48px;animation:fadeInUp.6s ease-out.4s both}@media(max-width:968px){.hero-stats{justify-content:center}}@media(max-width:768px){.hero-stats{flex-wrap:wrap;gap:24px}}.stat-item{text-align:left}@media(max-width:968px){.stat-item{text-align:center}}.stat-number{display:block;font-size:32px;font-weight:700;color:#4caf50;line-height:1.2}@media(max-width:768px){.stat-number{font-size:28px}}.stat-label{font-size:14px;color:#6b6b6b}.hero-image{position:relative;z-index:1;animation:fadeInUp.8s ease-out.3s both}@media(max-width:968px){.hero-image{order:1;max-width:400px;margin:0 auto}}.hero-mockup{position:relative}.mockup-screen{background:white;border-radius:32px;box-shadow:0 8px 32px rgba(76,175,80,.2),0 0 0 1px rgba(0,0,0,5%);overflow:hidden;max-width:320px;margin:0 auto}@media(max-width:768px){.mockup-screen{max-width:280px}}.mockup-header{background:#f8f8f8;padding:12px 16px;display:flex;align-items:center}.mockup-dots{display:flex;gap:6px}.mockup-dots span{width:10px;height:10px;border-radius:50%;background:#e8e8e8}.mockup-dots span:first-child{background:#ff8c69}.mockup-dots span:nth-child(2){background:#7dd3c0}.mockup-dots span:nth-child(3){background:#ffd166}.mockup-content{padding:24px;display:flex;flex-direction:column;gap:16px}.book-covers{display:flex;gap:12px;justify-content:center}.cover-img{width:70px;height:90px;object-fit:cover;border-radius:8px;box-shadow:0 4px 20px rgba(76,175,80,.15);transition:transform.3s ease}.cover-img:hover{transform:scale(1.1)}@media(max-width:768px){.cover-img{width:60px;height:80px}}.book-title{font-size:18px;font-weight:600;color:#4a4a4a;text-align:center}.book-progress{width:100%;height:6px;background:#f8f8f8;border-radius:9999px;overflow:hidden}.book-progress .progress-bar{width:60%;height:100%;background:linear-gradient(135deg,#4caf50 0%,#81c784 50%,#4caf50 100%);border-radius:9999px}.mockup-float{position:absolute;animation:float 4s ease-in-out infinite}.mockup-float img{width:80px;height:100px;object-fit:cover;border-radius:12px;box-shadow:0 4px 20px rgba(76,175,80,.15);border:3px solid white}@media(max-width:768px){.mockup-float img{width:60px;height:75px}}.mockup-float.float-1{top:10%;right:-20px;animation-delay:0s}@media(max-width:968px){.mockup-float.float-1{right:0}}.mockup-float.float-2{bottom:15%;left:-30px;animation-delay:2s}@media(max-width:968px){.mockup-float.float-2{left:0}}.features{background:white}.features .section-header{text-align:center;margin-bottom:60px}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}@media(max-width:968px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.features-grid{grid-template-columns:1fr;gap:24px}}.feature-card{background:white;padding:0;border-radius:20px;text-align:center;transition:all.3s ease;border:1px solid#f0f0f0;overflow:hidden}.feature-card:hover{transform:translatey(-8px);box-shadow:0 12px 40px rgba(76,175,80,.25);border-color:transparent}.feature-card:hover .feature-image img{transform:scale(1.08)}@media(max-width:768px){.feature-card{padding:0}}.feature-card h3{font-size:20px;font-weight:600;margin:20px 0 12px;color:#4a4a4a;padding:0 20px}.feature-card p{color:#6b6b6b;font-size:15px;line-height:1.7;padding:0 20px 24px}.feature-image{width:100%;height:200px;overflow:hidden}.feature-image img{width:100%;height:100%;object-fit:cover;transition:transform.5s ease}.feature-icon{width:80px;height:80px;margin:40px auto 20px;display:flex;align-items:center;justify-content:center}.feature-icon svg{width:100%;height:100%}.how-it-works{background:#f5faf5}.how-it-works .section-header{text-align:center;margin-bottom:60px}.steps-container{position:relative;max-width:1e3px;margin:0 auto}.steps-line{position:absolute;top:60px;left:15%;right:15%;height:4px;background:linear-gradient(90deg,#4caf50,#ff9a56);border-radius:9999px;opacity:.3}@media(max-width:768px){.steps-line{display:none}}.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;position:relative}@media(max-width:968px){.steps-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.steps-grid{grid-template-columns:1fr}}.step-card{text-align:center;padding:24px}.step-number{width:80px;height:80px;margin:0 auto 20px;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:800;color:white;background:linear-gradient(135deg,#4caf50 0%,#81c784 50%,#4caf50 100%);border-radius:50%;box-shadow:0 8px 24px rgba(255,140,105,.3);transition:all.3s ease}.step-card:hover .step-number{transform:scale(1.1);box-shadow:0 12px 32px rgba(255,140,105,.4)}@media(max-width:768px){.step-number{width:64px;height:64px;font-size:24px}}.step-card h3{font-size:20px;font-weight:600;margin-bottom:12px;color:#4a4a4a}.step-card p{font-size:15px;color:#6b6b6b;line-height:1.6}.cta{background:linear-gradient(135deg,#4caf50 0%,#81c784 50%,#4caf50 100%);color:white;position:relative;overflow:hidden}.cta-content{text-align:center;position:relative;z-index:1}.cta-decoration{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:400px;height:400px;opacity:.5}@media(max-width:768px){.cta-decoration{width:200px;height:200px}}.cta h2{font-size:42px;font-weight:700;margin-bottom:16px}@media(max-width:768px){.cta h2{font-size:28px}}.cta p{font-size:20px;margin-bottom:40px;opacity:.95}@media(max-width:768px){.cta p{font-size:16px}}.cta .btn{background:white;color:#4caf50}.cta .btn:hover{transform:translatey(-3px);box-shadow:0 8px 24px rgba(0,0,0,.2)}.cta .btn svg{transition:transform.3s ease}.cta .btn:hover svg{transform:translatex(4px)}.btn-large{padding:18px 40px;font-size:18px}.services-page{min-height:100vh}.page-header{background:linear-gradient(180deg,#f5faf5 0%,#fff 100%);padding:80px 0 60px;text-align:center;position:relative;overflow:hidden}@media(max-width:768px){.page-header{padding:60px 0 40px}}.page-header .header-decoration{position:absolute;inset:0;pointer-events:none}.page-header .deco-circle{position:absolute;border-radius:50%;opacity:.5}.page-header .deco-circle:first-child{width:300px;height:300px;background:radial-gradient(circle,rgba(255,140,105,.15)0%,transparent 70%);top:-100px;right:-50px}.page-header .deco-circle:nth-child(2){width:200px;height:200px;background:radial-gradient(circle,rgba(125,211,192,.15)0%,transparent 70%);bottom:-50px;left:-50px}.page-title{font-size:48px;font-weight:700;margin-bottom:12px;color:#4a4a4a;position:relative;z-index:1}@media(max-width:768px){.page-title{font-size:36px}}.page-subtitle{font-size:18px;color:#6b6b6b;max-width:600px;margin:0 auto;position:relative;z-index:1}@media(max-width:768px){.page-subtitle{font-size:16px}}.services-section{background:white}.services-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px}@media(max-width:968px){.services-grid{grid-template-columns:1fr}}@media(max-width:768px){.services-grid{gap:24px}}.service-card{background:white;border-radius:20px;padding:40px;display:flex;gap:32px;transition:all.3s ease;border:1px solid#f0f0f0}.service-card:hover{transform:translatey(-6px);box-shadow:0 12px 40px rgba(76,175,80,.25);border-color:transparent}@media(max-width:768px){.service-card{flex-direction:column;padding:32px 24px;gap:24px}}.service-icon{width:100px;height:100px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:#f5faf5;border-radius:20px}.service-icon svg{width:80px;height:80px}@media(max-width:768px){.service-icon{width:80px;height:80px}.service-icon svg{width:60px;height:60px}}.service-content{flex:1;min-width:0}.service-content h2{font-size:28px;font-weight:600;margin-bottom:12px;color:#4a4a4a}@media(max-width:768px){.service-content h2{font-size:24px}}.service-content>p{color:#6b6b6b;font-size:16px;line-height:1.7;margin-bottom:24px}.service-features{list-style:none;display:flex;flex-direction:column;gap:12px}.service-features li{display:flex;align-items:center;gap:12px;color:#4a4a4a;font-size:15px}.check-icon{width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,#4caf50 0%,#81c784 100%);color:white;display:flex;align-items:center;justify-content:center;flex-shrink:0}.check-icon svg{width:14px;height:14px}.highlights{background:#f5faf5}.highlights .section-header{text-align:center;margin-bottom:60px}.highlights-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}@media(max-width:968px){.highlights-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.highlights-grid{grid-template-columns:1fr;gap:24px}}.highlight-card{background:white;padding:40px 32px;border-radius:20px;text-align:center;transition:all.3s ease;border:1px solid#f0f0f0}.highlight-card:hover{transform:translatey(-6px);box-shadow:0 12px 40px rgba(76,175,80,.25);border-color:transparent}@media(max-width:768px){.highlight-card{padding:32px 24px}}.highlight-icon{font-size:48px;display:block;margin-bottom:20px}.highlight-card h3{font-size:22px;font-weight:600;margin-bottom:12px;color:#4a4a4a}.highlight-card p{color:#6b6b6b;font-size:15px;line-height:1.7}.about-page{min-height:100vh}.page-header{background:linear-gradient(180deg,#f5faf5 0%,#fff 100%);padding:80px 0 60px;text-align:center;position:relative;overflow:hidden}@media(max-width:768px){.page-header{padding:60px 0 40px}}.page-header .header-decoration{position:absolute;inset:0;pointer-events:none}.page-header .deco-circle{position:absolute;border-radius:50%;opacity:.5}.page-header .deco-circle:first-child{width:300px;height:300px;background:radial-gradient(circle,rgba(255,140,105,.15)0%,transparent 70%);top:-100px;right:-50px}.page-header .deco-circle:nth-child(2){width:200px;height:200px;background:radial-gradient(circle,rgba(125,211,192,.15)0%,transparent 70%);bottom:-50px;left:-50px}.page-title{font-size:48px;font-weight:700;margin-bottom:12px;color:#4a4a4a;position:relative;z-index:1}@media(max-width:768px){.page-title{font-size:36px}}.page-subtitle{font-size:18px;color:#6b6b6b;position:relative;z-index:1}@media(max-width:768px){.page-subtitle{font-size:16px}}.mission{background:white}.mission .mission-content{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}@media(max-width:968px){.mission .mission-content{grid-template-columns:1fr;gap:48px;text-align:center}}.mission-text h2{font-size:36px;font-weight:700;margin-bottom:24px;color:#4a4a4a}@media(max-width:768px){.mission-text h2{font-size:28px}}.mission-text p{font-size:17px;line-height:1.9;color:#6b6b6b;margin-bottom:20px}.mission-image{display:flex;justify-content:center}@media(max-width:968px){.mission-image{order:-1}}.mission-image .image-wrapper{width:300px;height:300px;position:relative}.mission-image .image-wrapper svg{width:100%;height:100%}@media(max-width:768px){.mission-image .image-wrapper{width:240px;height:240px}}.values{background:#f5faf5}.values .section-header{text-align:center;margin-bottom:60px}.values-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}@media(max-width:968px){.values-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.values-grid{grid-template-columns:1fr;gap:20px}}.value-card{background:white;padding:36px 28px;border-radius:20px;text-align:center;transition:all.3s ease;border:1px solid#f0f0f0}.value-card:hover{transform:translatey(-6px);box-shadow:0 12px 40px rgba(76,175,80,.25);border-color:transparent}@media(max-width:768px){.value-card{padding:28px 24px}}.value-icon{width:72px;height:72px;margin:0 auto 20px;display:flex;align-items:center;justify-content:center;background:#f5faf5;border-radius:12px}.value-icon svg{width:56px;height:56px}.value-card h3{font-size:20px;font-weight:600;margin-bottom:12px;color:#4a4a4a}.value-card p{font-size:15px;color:#6b6b6b;line-height:1.7}.philosophy{background:white}.philosophy .philosophy-content{max-width:800px;margin:0 auto;text-align:center}.philosophy h2{font-size:36px;font-weight:700;margin-bottom:32px;color:#4a4a4a}@media(max-width:768px){.philosophy h2{font-size:28px}}.philosophy blockquote{font-size:24px;font-weight:600;color:#4caf50;margin-bottom:24px;padding:24px;background:#f5faf5;border-radius:20px;position:relative}.philosophy blockquote:before{content:'"';position:absolute;top:-10px;left:20px;font-size:60px;color:#81c784;font-family:Georgia,serif}@media(max-width:768px){.philosophy blockquote{font-size:20px;padding:20px}}.philosophy p{font-size:17px;line-height:1.9;color:#6b6b6b}.about-contact{background:#f5faf5}.about-contact .contact-card{background:white;padding:60px 48px;border-radius:32px;text-align:center;max-width:700px;margin:0 auto;box-shadow:0 4px 20px rgba(76,175,80,.15)}@media(max-width:768px){.about-contact .contact-card{padding:40px 32px}}.about-contact .contact-card h2{font-size:32px;font-weight:700;margin-bottom:16px;color:#4a4a4a}@media(max-width:768px){.about-contact .contact-card h2{font-size:26px}}.about-contact .contact-card>p{font-size:17px;color:#6b6b6b;margin-bottom:32px}.contact-info{display:flex;flex-direction:column;gap:16px;align-items:center}.contact-item{display:flex;align-items:center;gap:12px;color:#4a4a4a;font-size:16px}.contact-item svg{width:24px;height:24px;color:#4caf50}.contact-page{min-height:100vh}.page-header{background:linear-gradient(180deg,#f5faf5 0%,#fff 100%);padding:80px 0 60px;text-align:center;position:relative;overflow:hidden}@media(max-width:768px){.page-header{padding:60px 0 40px}}.page-header .header-decoration{position:absolute;inset:0;pointer-events:none}.page-header .deco-circle{position:absolute;border-radius:50%;opacity:.5}.page-header .deco-circle:first-child{width:300px;height:300px;background:radial-gradient(circle,rgba(255,140,105,.15)0%,transparent 70%);top:-100px;right:-50px}.page-header .deco-circle:nth-child(2){width:200px;height:200px;background:radial-gradient(circle,rgba(125,211,192,.15)0%,transparent 70%);bottom:-50px;left:-50px}.page-title{font-size:48px;font-weight:700;margin-bottom:12px;color:#4a4a4a;position:relative;z-index:1}@media(max-width:768px){.page-title{font-size:36px}}.page-subtitle{font-size:18px;color:#6b6b6b;position:relative;z-index:1}@media(max-width:768px){.page-subtitle{font-size:16px}}.contact-content{background:white}.contact-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:48px;align-items:start}@media(max-width:968px){.contact-grid{grid-template-columns:1fr;gap:40px}}.contact-form-container .form-header{margin-bottom:32px}.contact-form-container .form-header h2{font-size:32px;font-weight:700;margin-bottom:8px;color:#4a4a4a}@media(max-width:768px){.contact-form-container .form-header h2{font-size:26px}}.contact-form-container .form-header p{color:#6b6b6b;font-size:16px}.contact-form{background:white;padding:40px;border-radius:20px;border:1px solid#f0f0f0;box-shadow:0 2px 8px rgba(76,175,80,.1);transition:box-shadow.3s ease}@media(max-width:768px){.contact-form{padding:32px 24px}}.contact-form:hover{box-shadow:0 4px 20px rgba(76,175,80,.15)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media(max-width:768px){.form-row{grid-template-columns:1fr;gap:20px}}.form-group{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.form-group label{font-size:15px;font-weight:500;color:#4a4a4a}.form-group input,.form-group textarea{padding:14px 18px;font-size:16px;border:2px solid#f0f0f0;border-radius:12px;font-family:inherit;transition:all.3s ease;background:#f8f8f8}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#4caf50;background:white;box-shadow:0 0 0 4px rgba(255,140,105,.1)}.form-group input::placeholder,.form-group textarea::placeholder{color:#999}.form-group textarea{resize:vertical;min-height:120px}.btn-submit{width:100%;padding:16px 32px;font-size:16px;margin-top:8px}.contact-info-container{background:#f5faf5;padding:40px;border-radius:20px}@media(max-width:768px){.contact-info-container{padding:32px 24px}}.info-header{margin-bottom:32px}.info-header h2{font-size:28px;font-weight:700;margin-bottom:8px;color:#4a4a4a}@media(max-width:768px){.info-header h2{font-size:24px}}.info-header p{color:#6b6b6b;font-size:15px}.contact-info-list{display:flex;flex-direction:column;gap:24px}.contact-info-item{display:flex;gap:16px;align-items:flex-start;padding:20px;background:white;border-radius:12px;transition:all.3s ease}.contact-info-item:hover{transform:translatex(4px);box-shadow:0 2px 8px rgba(76,175,80,.1)}.item-icon{width:48px;height:48px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:#fff8f0;border-radius:12px;color:#4caf50}.item-icon svg{width:24px;height:24px}.item-content{flex:1;min-width:0}.item-content h3{font-size:16px;font-weight:600;margin-bottom:4px;color:#4a4a4a}.item-content p{color:#6b6b6b;font-size:15px;line-height:1.5}.item-content a{color:#4caf50;text-decoration:none;font-size:15px;transition:color.3s ease}.item-content a:hover{color:#43a047}.info-footer{margin-top:32px;padding-top:24px;border-top:1px solid#f0f0f0}.info-footer p{color:#999;font-size:14px;text-align:center}.download-page{min-height:100vh}.download-grid{display:grid;grid-template-columns:1fr 300px;gap:40px}@media(max-width:768px){.download-grid{grid-template-columns:1fr}}.download-section{background:#fff;border-radius:16px;padding:32px;box-shadow:0 4px 20px rgba(0,0,0,6%)}.download-section h2{font-size:24px;font-weight:600;color:#1a1a2e;margin-bottom:8px}.download-section .section-desc{color:#666;font-size:14px;margin-bottom:24px}.app-store-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px}.app-store-card{display:flex;align-items:center;gap:12px;padding:16px;background:#f8f9fa;border-radius:12px;text-decoration:none;transition:all.3s ease;border:1px solid transparent}.app-store-card:hover{background:#fff;border-color:#e74c3c;box-shadow:0 4px 12px rgba(231,76,60,.15);transform:translatey(-2px)}.app-store-card .store-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.app-store-card .store-icon svg{width:24px;height:24px}.app-store-card .store-icon.store-icon-apple{background:#000;color:#fff}.app-store-card .store-icon.store-icon-huawei{background:#f40f02;color:#fff}.app-store-card .store-icon.store-icon-honor{background:#004598;color:#fff}.app-store-card .store-icon.store-icon-xiaomi{background:#ff6700;color:#fff}.app-store-card .store-icon.store-icon-oppo{background:#009c47;color:#fff}.app-store-card .store-icon.store-icon-vivo{background:#415fff;color:#fff}.app-store-card .store-icon .icon-text{font-size:20px;font-weight:600;color:#fff}.app-store-card .store-name{flex:1;font-size:14px;font-weight:500;color:#1a1a2e}.app-store-card .arrow-icon{width:20px;height:20px;color:#999;transition:color.3s ease}.app-store-card:hover .arrow-icon{color:#e74c3c}.official-section .download-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:16px 24px;border-radius:12px;font-size:16px;font-weight:600;text-decoration:none;transition:all.3s ease;cursor:pointer;border:none}.official-section .download-btn svg{width:24px;height:24px}.official-section .download-btn.primary{background:linear-gradient(135deg,#e74c3c 0%,#c0392b 100%);color:#fff}.official-section .download-btn.primary:hover{box-shadow:0 6px 20px rgba(231,76,60,.35);transform:translatey(-2px)}.official-section .download-tip{text-align:center;font-size:12px;color:#999;margin-top:12px}.qr-section{margin-top:40px;display:flex;justify-content:center}.qr-card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 20px rgba(0,0,0,6%);text-align:center}.qr-card .qr-code{width:150px;height:150px;margin:0 auto 12px;background:#f8f9fa;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:12px}.qr-card .qr-code svg{display:block}.qr-card .qr-label{font-size:14px;color:#666;margin:0}.popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}.popup-content{background:#fff;width:100%;max-width:400px;max-height:80vh;overflow-y:auto;border-radius:16px}.popup-content.center{border-radius:16px;max-height:60vh}.login-container{background:#f4f3f8;min-height:100%;display:flex;flex-direction:column}.login-header{display:flex;align-items:center;padding:16px 20px;background:#fff}.login-header .back-btn{width:32px;height:32px;border:none;background:none;cursor:pointer;display:flex;align-items:center;justify-content:center}.login-header .back-btn svg{width:24px;height:24px;color:#333}.login-header h2{flex:1;text-align:center;font-size:18px;font-weight:600;margin:0}.login-header .placeholder{width:32px}.login-content{flex:1;padding:24px 16px;display:flex;flex-direction:column}.input-group{display:flex;align-items:center;background:#fff;border-radius:12px;padding:14px 16px;margin-bottom:16px}.input-group .prefix{color:#333;font-size:16px;margin-right:12px}.input-group input{flex:1;min-width:0;border:none;outline:none;font-size:16px;color:#333}.input-group input::placeholder{color:#999}.input-group .captcha-btn{background:none;border:none;color:#e74c3c;font-size:14px;cursor:pointer;white-space:nowrap;flex-shrink:0;min-width:84px}.input-group .captcha-btn:disabled{color:#999;cursor:not-allowed}.login-btn{width:100%;padding:16px;background:linear-gradient(135deg,#e74c3c 0%,#c0392b 100%);color:#fff;border:none;border-radius:50px;font-size:18px;font-weight:600;cursor:pointer;margin-top:24px;transition:all.3s ease}.login-btn:hover{box-shadow:0 4px 15px rgba(231,76,60,.4)}.login-btn:disabled{opacity:.6;cursor:not-allowed}.agreement{margin-top:20px}.agreement label{display:flex;align-items:flex-start;gap:8px;cursor:pointer}.agreement label input[type=checkbox]{width:18px;height:18px;accent-color:#e74c3c;margin-top:2px}.agreement label span{font-size:13px;color:#8d96a3;line-height:1.5}.agreement label span .agreement-link{color:#da5742;text-decoration:none;cursor:pointer}.agreement label span .agreement-link:hover{text-decoration:underline}.agreement-popup{background:#fff;border-radius:16px;max-height:70vh;display:flex;flex-direction:column;overflow:hidden;width:100%}.agreement-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid#eee;flex-shrink:0}.agreement-header h3{font-size:18px;font-weight:600;margin:0}.agreement-header .close-btn{width:32px;height:32px;border:none;background:none;cursor:pointer;display:flex;align-items:center;justify-content:center}.agreement-header .close-btn svg{width:24px;height:24px;color:#999}.agreement-content{flex:1;padding:20px;overflow-y:auto;font-size:14px;line-height:1.8;color:#333}.agreement-content h3{font-size:16px;font-weight:600;margin:0 0 16px;text-align:center}.agreement-content p{margin:0 0 12px}.agreement-content .agreement-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px}.agreement-content .agreement-loading .loading-spinner{width:32px;height:32px;border:3px solid#f3f3f3;border-top:3px solid#e74c3c;border-radius:50%;animation:spin 1s linear infinite}.agreement-content .agreement-loading p{margin-top:12px;color:#999}@media(max-height:600px){.login-content{padding:16px 12px}.input-group{padding:10px 12px;margin-bottom:10px}.login-btn{padding:12px;margin-top:12px}.agreement{margin-top:12px}}@media(max-width:330px){.login-header{padding:10px 12px}.login-header h2{font-size:16px}.login-content{padding:8px 10px}.input-group{padding:8px 10px;margin-bottom:6px}.input-group .prefix{font-size:14px;margin-right:8px}.input-group input{font-size:14px}.input-group .captcha-btn{font-size:12px;min-width:70px}.login-btn{padding:10px;font-size:16px;margin-top:8px}.agreement{margin-top:8px}.agreement label span{font-size:12px}.agreement label input[type=checkbox]{width:16px;height:16px}}.combo-container{background:#f4f3f8;min-height:100%;display:flex;flex-direction:column}.combo-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:#fff}.combo-header .close-btn{width:32px;height:32px;border:none;background:none;cursor:pointer;display:flex;align-items:center;justify-content:center}.combo-header .close-btn svg{width:24px;height:24px;color:#333}.combo-header h3{font-size:18px;font-weight:600;margin:0}.combo-header .placeholder{width:32px}.account-info{display:flex;align-items:center;gap:12px;padding:12px 20px;background:#fff;border-bottom:1px solid#f0f0f0}.account-info .account-label{font-size:14px;color:#999}.account-info .account-phone{font-size:16px;font-weight:600;color:#333;flex:1}.account-info .switch-btn{padding:8px 16px;background:#fff;border:1px solid#e74c3c;color:#e74c3c;border-radius:20px;font-size:14px;cursor:pointer;transition:all.3s ease}.account-info .switch-btn:hover{background:#e74c3c;color:#fff}.combo-list{flex:1;padding:20px 16px;overflow-y:auto}.combo-card{display:flex;justify-content:space-between;align-items:center;background:#fff;border-radius:12px;padding:16px;margin-bottom:12px;border:2px solid transparent;cursor:pointer;transition:all.3s ease}.combo-card.selected{border-color:#e74c3c;background:rgba(231,76,60,5%)}.combo-card:active{transform:scale(.98)}.card-left{flex:1}.card-title{font-size:16px;font-weight:600;color:#333}.card-right{text-align:right}.card-price{font-size:20px;font-weight:700;color:#e74c3c}.card-discount{font-size:12px;color:#999;text-decoration:line-through;margin-top:4px}.combo-footer{padding:16px 20px;background:#fff;box-shadow:0 -2px 10px rgba(0,0,0,5%)}.submit-btn{width:100%;padding:16px;background:linear-gradient(135deg,#e74c3c 0%,#c0392b 100%);color:#fff;border:none;border-radius:50px;font-size:18px;font-weight:600;cursor:pointer;transition:all.3s ease}.submit-btn:hover{box-shadow:0 4px 15px rgba(231,76,60,.4)}.submit-btn:disabled{opacity:.6;cursor:not-allowed}.age-pop{background:#fff;border-radius:20px;width:100%;max-width:360px;overflow:hidden;padding-bottom:20px}.age-pop-header{display:flex;align-items:center;justify-content:center;padding:18px 20px 14px;border-bottom:1px solid#f5f5f5}.age-pop-header h3{font-size:18px;font-weight:600;margin:0;color:#333}.age-list{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:20px}.age-item{display:flex;align-items:center;justify-content:center;height:48px;background:#f7f7f7;border-radius:12px;font-size:16px;color:#333;cursor:pointer;transition:all.15s ease}.age-item.selected{background:#e74c3c;color:#fff;font-weight:500}.age-item:active{transform:scale(.96)}.age-confirm{padding:0 20px;display:flex;justify-content:center}.confirm-btn{width:100%;max-width:200px;padding:14px;background:linear-gradient(135deg,#e74c3c 0%,#c0392b 100%);color:#fff;border:none;border-radius:12px;font-size:17px;font-weight:600;cursor:pointer;transition:all.3s ease}.confirm-btn:hover{box-shadow:0 4px 15px rgba(231,76,60,.3)}.confirm-btn:active{opacity:.9}.confirm-btn:disabled{background:#ccc;cursor:not-allowed}.already-claimed-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}.already-claimed-popup{background:#fff;border-radius:16px;width:100%;max-width:320px;padding:32px 24px;text-align:center;animation:popIn.3s ease}.popup-icon{width:64px;height:64px;margin:0 auto 20px}.popup-icon svg{width:100%;height:100%}.popup-title{font-size:20px;font-weight:600;color:#333;margin:0 0 16px}.popup-message{font-size:15px;color:#666;line-height:1.6;margin:0 0 12px}.install-tip{font-size:14px;color:#e74c3c;margin:0 0 24px}.popup-buttons{display:flex;gap:12px;justify-content:center}.confirm-btn{flex:1;max-width:200px;padding:14px 32px;border-radius:50px;font-size:16px;font-weight:600;cursor:pointer;transition:all.3s ease;background:linear-gradient(135deg,#e74c3c 0%,#c0392b 100%);border:none;color:#fff}.confirm-btn:hover{box-shadow:0 4px 15px rgba(231,76,60,.4)}.switch-btn{flex:1;max-width:200px;padding:14px 32px;border-radius:50px;font-size:16px;font-weight:600;cursor:pointer;transition:all.3s ease;background:#fff;border:2px solid#e74c3c;color:#e74c3c}.switch-btn:hover{background:#fff5f5}.promotion-page{min-height:100vh;background:#f5f5f5;padding-bottom:80px}.promotion-images{width:100%}.promotion-images img{width:100%;display:block}.promotion-footer{position:fixed;bottom:0;left:0;right:0;background:#fff;padding:16px 24px;box-shadow:0 -2px 10px rgba(0,0,0,.1);display:flex;justify-content:center;align-items:center;z-index:100}.buy-button{width:100%;max-width:400px;cursor:pointer;border:none;border-radius:8px}.buy-btn{width:100%;max-width:400px;padding:16px 32px;background:linear-gradient(135deg,#e74c3c 0%,#c0392b 100%);color:#fff;font-size:18px;font-weight:600;border:none;border-radius:50px;cursor:pointer;transition:all.3s ease}.buy-btn:hover{box-shadow:0 4px 15px rgba(231,76,60,.4);transform:translatey(-2px)}.buy-btn:active{transform:translatey(0)}.loading,.error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:16px}.loading .error-message,.error .error-message{font-size:16px;color:#666}.loading-spinner{width:40px;height:40px;border:3px solid#f3f3f3;border-top:3px solid#e74c3c;border-radius:50%;animation:spin 1s linear infinite}.payment-results-page{min-height:100vh;background:#f5f5f5;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 24px;text-align:center}.success-icon{width:100px;height:100px;margin-bottom:24px}.success-icon svg{width:100%;height:100%}.success-title{font-size:24px;font-weight:600;color:#333;margin:0 0 32px}.success-content p{font-size:16px;color:#666;margin:0 0 8px}.download-btn{margin-top:48px;width:100%;max-width:320px;padding:16px 32px;background:linear-gradient(135deg,#e74c3c 0%,#c0392b 100%);color:#fff;font-size:18px;font-weight:600;border:none;border-radius:50px;cursor:pointer;transition:all.3s ease}.download-btn:hover{box-shadow:0 4px 15px rgba(231,76,60,.4);transform:translatey(-2px)}.download-btn:active{transform:translatey(0)}.countdown-tip{margin-top:16px;font-size:14px;color:#999}.legal-page{min-height:100vh}.page-header{background:linear-gradient(180deg,#f5faf5 0%,#fff 100%);padding:80px 0 60px;text-align:center;position:relative;overflow:hidden}@media(max-width:768px){.page-header{padding:60px 0 40px}}.page-header:before{content:"";position:absolute;width:400px;height:400px;background:radial-gradient(circle,rgba(255,154,86,.15)0%,transparent 70%);top:-150px;right:-100px;border-radius:50%}@media(max-width:768px){.page-header:before{width:200px;height:200px}}.page-header:after{content:"";position:absolute;width:300px;height:300px;background:radial-gradient(circle,rgba(125,211,192,.15)0%,transparent 70%);bottom:-100px;left:-100px;border-radius:50%}@media(max-width:768px){.page-header:after{width:150px;height:150px}}.page-title{font-size:48px;font-weight:700;margin-bottom:12px;color:#4a4a4a;position:relative;z-index:1}@media(max-width:768px){.page-title{font-size:36px}}.page-subtitle{font-size:18px;color:#6b6b6b;position:relative;z-index:1}@media(max-width:768px){.page-subtitle{font-size:16px}}.legal-content{background:white;padding:80px 0}@media(max-width:768px){.legal-content{padding:60px 0}}.legal-text{max-width:900px;margin:0 auto;background:white;padding:48px;border-radius:20px;border:1px solid#f0f0f0;box-shadow:0 4px 20px rgba(76,175,80,.15)}@media(max-width:968px){.legal-text{padding:40px 32px}}@media(max-width:768px){.legal-text{padding:32px 24px}}.legal-document{font-size:15px;line-height:2;color:#6b6b6b;text-align:justify}.legal-document h1,.legal-document h2,.legal-document h3{color:#4a4a4a;line-height:1.5}.legal-document h1{margin:0 0 24px;font-size:28px}.legal-document h2{margin:32px 0 14px;padding-bottom:10px;border-bottom:2px solid#81c784;font-size:20px}.legal-document h3{margin:24px 0 10px;font-size:17px}.legal-document p{margin:0 0 12px}.legal-document ol,.legal-document ul{margin:8px 0 18px;padding-left:24px}.legal-document li{margin-bottom:8px}.legal-document a{color:#4caf50;overflow-wrap:anywhere}.legal-document strong{color:#4a4a4a;font-weight:600}@media(max-width:768px){.legal-document{font-size:14px;line-height:1.9}.legal-document h1{font-size:22px}.legal-document h2{font-size:18px}.legal-document h3{font-size:16px}}.legal-loading{text-align:center;padding:48px 0}.legal-loading .loading-spinner{width:40px;height:40px;margin:0 auto 16px;border:3px solid#f0f0f0;border-top-color:#4caf50;border-radius:50%;animation:legal-spin.8s linear infinite}.legal-loading p{margin:0;color:#6b6b6b;font-size:14px}@keyframes legal-spin{to{transform:rotate(360deg)}}.legal-error{color:#c53030;text-align:center;padding:24px;margin:0}.legal-section{margin-bottom:36px}.legal-section:last-child{margin-bottom:0}.legal-section h2{font-size:20px;font-weight:600;margin-bottom:16px;color:#4a4a4a;padding-bottom:12px;border-bottom:2px solid#81c784}@media(max-width:768px){.legal-section h2{font-size:18px}}.legal-section p{font-size:15px;line-height:2;color:#6b6b6b;margin-bottom:12px;text-align:justify;text-indent:0}@media(max-width:768px){.legal-section p{font-size:14px;line-height:1.9}}.legal-section p:last-child{margin-bottom:0}.legal-section p strong{color:#4a4a4a;font-weight:600}.legal-section ul{margin:12px 0;padding-left:24px}.legal-section ul li{font-size:15px;line-height:2;color:#6b6b6b;margin-bottom:8px}@media(max-width:768px){.legal-section ul li{font-size:14px}}.update-date{color:#6b6b6b;font-size:14px;text-align:right;margin-top:48px;padding-top:24px;border-top:1px solid#e8e8e8}.legal-table{width:100%;border-collapse:collapse;margin:20px 0;font-size:14px;background:white;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px rgba(76,175,80,.1)}@media(max-width:768px){.legal-table{font-size:13px;display:block;overflow-x:auto;white-space:nowrap}}.legal-table thead{background:#4caf50;color:white}.legal-table thead th{padding:14px 16px;text-align:left;font-weight:600;white-space:nowrap}@media(max-width:768px){.legal-table thead th{padding:12px 14px}}.legal-table tbody tr{border-bottom:1px solid#f0f0f0}.legal-table tbody tr:last-child{border-bottom:none}.legal-table tbody tr:hover{background:#f5faf5}.legal-table tbody td{padding:14px 16px;color:#6b6b6b;line-height:1.6}@media(max-width:768px){.legal-table tbody td{padding:12px 14px}}.legal-table tbody td:first-child{font-weight:500;color:#4a4a4a}.legal-table th,.legal-table td{min-width:120px}@media(max-width:768px){.legal-table th,.legal-table td{min-width:100px}}.landing-page{min-height:100vh;padding:40px 0;background-color:#f8f8f8}@media(max-width:768px){.landing-page{padding:20px 0}}.loading-container,.error-container,.empty-state{text-align:center;padding:60px 20px;background-color:white;border-radius:8px;box-shadow:0 4px 20px rgba(76,175,80,.15)}.loading-spinner{width:40px;height:40px;border:4px solid#e8e8e8;border-top-color:#4caf50;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}@keyframes spin{to{transform:rotate(360deg)}}.error-container h2{font-size:24px;color:#4a4a4a;margin-bottom:16px}.error-container p{color:#6b6b6b;margin-bottom:24px}.orders-list{display:flex;flex-direction:column;gap:24px;margin-bottom:40px}.order-card{background-color:white;border-radius:12px;box-shadow:0 4px 20px rgba(76,175,80,.15);overflow:hidden;transition:transform.3s ease,box-shadow.3s ease}@media(max-width:768px){.order-card{border-radius:8px}}.order-card:hover{transform:translatey(-4px);box-shadow:0 8px 32px rgba(76,175,80,.2)}.order-cover{width:100%;height:200px;overflow:hidden;background-color:#f8f8f8}@media(max-width:768px){.order-cover{height:150px}}.order-cover img{width:100%;height:100%;object-fit:cover}.order-info{padding:24px}@media(max-width:768px){.order-info{padding:16px}}.order-shop{display:flex;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid#e8e8e8}.shop-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid#e8e8e8}.shop-info{flex:1}.shop-name{font-size:18px;font-weight:600;color:#4a4a4a;margin-bottom:4px}.shop-intro{font-size:14px;color:#6b6b6b;margin:0}.order-details{display:flex;flex-direction:column;gap:12px}.product-name{font-size:20px;font-weight:600;color:#4a4a4a;margin:0}@media(max-width:768px){.product-name{font-size:18px}}.product-spec{font-size:14px;color:#6b6b6b;margin:0}.order-meta{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-top:1px solid#e8e8e8;border-bottom:1px solid#e8e8e8}@media(max-width:768px){.order-meta{flex-direction:column;align-items:flex-start;gap:8px}}.order-quantity{font-size:14px;color:#6b6b6b}.order-amount{font-size:20px;font-weight:600;color:#4caf50}.order-time{font-size:14px;color:#6b6b6b;margin:0}.order-content{margin-top:16px;padding:16px;background-color:#f8f8f8;border-radius:8px}.order-content-item{font-size:14px;line-height:1.8;color:#4a4a4a}.order-content-item p{margin:8px 0}.order-content-item p:first-child{margin-top:0}.order-content-item p:last-child{margin-bottom:0}.shop-link{display:inline-block;margin-top:16px;padding:10px 24px;background-color:#4caf50;color:white;text-decoration:none;border-radius:6px;font-size:14px;transition:background-color.3s ease;align-self:flex-start}.shop-link:hover{background-color:#43a047}.landing-footer{display:flex;flex-direction:column;align-items:center;gap:24px;padding:24px;background-color:white;border-radius:8px;box-shadow:0 4px 20px rgba(76,175,80,.15)}.footer-buttons{display:flex;justify-content:center;gap:16px}@media(max-width:768px){.footer-buttons{flex-direction:column;width:100%}.footer-buttons .btn{width:100%}}.company-info{text-align:center;padding-top:16px;border-top:1px solid#e8e8e8;width:100%}.company-info p{margin:4px 0;font-size:14px;color:#6b6b6b;line-height:1.6}.empty-state{padding:80px 20px}.empty-state p{font-size:18px;color:#6b6b6b}.order-confirm-page{min-height:100vh;background:#f4f3f8;display:flex;flex-direction:column}.order-confirm-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:#fff}.order-confirm-header .back-btn,.order-confirm-header .close-btn{width:32px;height:32px;border:none;background:none;cursor:pointer;display:flex;align-items:center;justify-content:center}.order-confirm-header .back-btn svg,.order-confirm-header .close-btn svg{width:24px;height:24px;color:#333}.order-confirm-header h3{font-size:18px;font-weight:600;margin:0}.order-account{display:flex;align-items:center;padding:16px 20px;background:#fff;margin-bottom:12px}.order-account .account-label{font-size:14px;color:#999;margin-right:12px}.order-account .account-phone{font-size:16px;font-weight:600;color:#333}.order-packages{background:#fff;padding:16px 20px;margin-bottom:12px}.order-packages .packages-title{font-size:14px;color:#999;margin-bottom:12px}.order-packages .packages-list .package-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid#f5f5f5}.order-packages .packages-list .package-item:last-child{border-bottom:none}.order-packages .packages-list .package-item .package-name{font-size:15px;color:#333;flex:1;padding-right:16px}.order-packages .packages-list .package-item .package-price{text-align:right}.order-packages .packages-list .package-item .package-price .current-price{font-size:16px;font-weight:600;color:#e74c3c;margin-right:8px}.order-packages .packages-list .package-item .package-price .original-price{font-size:12px;color:#999;text-decoration:line-through}.order-total{background:#fff;padding:16px 20px;margin-bottom:12px}.order-total .total-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;font-size:14px}.order-total .total-row.discount{color:#52c41a}.order-total .total-row.final{border-top:1px solid#f5f5f5;margin-top:8px;padding-top:16px;font-size:16px;font-weight:600}.order-total .total-row.final .price{color:#e74c3c;font-size:20px}.order-total .total-row .original{color:#999;text-decoration:line-through}.order-tip{padding:12px 20px;text-align:center}.order-tip p{font-size:12px;color:#999;margin:4px 0;line-height:1.5}.order-confirm-footer{display:flex;align-items:center;background:#fff;padding:16px 20px;box-shadow:0 -2px 10px rgba(0,0,0,5%);margin-top:auto}.order-confirm-footer .footer-price{flex:1;display:flex;align-items:baseline}.order-confirm-footer .footer-price .label{font-size:14px;color:#999;margin-right:8px}.order-confirm-footer .footer-price .price{font-size:24px;font-weight:700;color:#e74c3c}.order-confirm-footer .confirm-btn{padding:14px 32px;background:linear-gradient(135deg,#e74c3c 0%,#c0392b 100%);color:#fff;border:none;border-radius:50px;font-size:16px;font-weight:600;cursor:pointer;transition:all.3s ease}.order-confirm-footer .confirm-btn:hover{box-shadow:0 4px 15px rgba(231,76,60,.4)}.order-confirm-footer .confirm-btn:disabled{opacity:.6;cursor:not-allowed}.success-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}.success-popup{background:#fff;border-radius:16px;width:100%;max-width:320px;padding:32px 24px;text-align:center;animation:popIn.3s ease}@keyframes popIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.success-icon{width:64px;height:64px;margin:0 auto 20px}.success-icon svg{width:100%;height:100%}.success-title{font-size:20px;font-weight:600;color:#333;margin:0 0 16px}.success-message{font-size:15px;color:#666;line-height:1.6;margin:0 0 24px}.success-btn{width:100%;padding:14px;background:linear-gradient(135deg,#e74c3c 0%,#c0392b 100%);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all.3s ease}.success-btn:hover{box-shadow:0 4px 15px rgba(231,76,60,.4)}.redeem-page{min-height:100vh;background:linear-gradient(180deg,#f0f9f0 0%,#fafff5 100%);padding:48px 0 120px;box-sizing:border-box;overflow-x:hidden;position:relative}.redeem-page .redeem-container{max-width:420px;margin:0 auto;padding:0 20px;position:relative;z-index:1}.redeem-page .input-card{background:#fff;border-radius:24px;padding:28px 24px;box-shadow:0 4px 20px rgba(76,175,80,8%),0 8px 40px rgba(76,175,80,.2)}.redeem-page .input-card .input-group{margin-bottom:16px}.redeem-page .input-card .input-group input{width:100%;height:56px;padding:0 20px;border:2px solid#e8f5e9;border-radius:16px;font-size:18px;font-family:inherit;letter-spacing:2px;color:#2e7d32;background:#fafff5;box-sizing:border-box;transition:all.3s ease;text-align:center}.redeem-page .input-card .input-group input:focus{outline:none;border-color:#4caf50;background:white;box-shadow:0 0 0 4px rgba(76,175,80,.1)}.redeem-page .input-card .input-group input::placeholder{color:#a5d6a7;letter-spacing:1px;font-size:15px}.redeem-page .input-card .input-group input:disabled{background:#f5f5f5;color:#a5d6a7}.redeem-page .input-card .redeem-btn{width:100%;height:56px;background:linear-gradient(135deg,#4caf50 0%,#388e3c 100%);color:white;border:none;border-radius:28px;font-size:17px;font-weight:600;cursor:pointer;position:relative;overflow:hidden;transition:all.3s ease;box-shadow:0 6px 20px rgba(76,175,80,.2)}.redeem-page .input-card .redeem-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left.5s ease}.redeem-page .input-card .redeem-btn:hover:not(:disabled):before{left:100%}.redeem-page .input-card .redeem-btn:hover:not(:disabled){transform:translatey(-2px);box-shadow:0 10px 30px rgba(76,175,80,.2)}.redeem-page .input-card .redeem-btn:active:not(:disabled){transform:translatey(0)}.redeem-page .input-card .redeem-btn:disabled{background:#d4c4b5;cursor:not-allowed;box-shadow:none}.redeem-page .product-card{background:#fff;border-radius:24px;padding:24px;margin-top:20px;box-shadow:0 4px 20px rgba(76,175,80,8%),0 8px 40px rgba(76,175,80,.2);border-left:4px solid#a5d6a7;animation:slideUp.4s ease-out}@keyframes slideUp{0%{opacity:0;transform:translatey(20px)}to{opacity:1;transform:translatey(0)}}.redeem-page .product-card .product-header{display:flex;align-items:flex-start;gap:16px;margin-bottom:16px}.redeem-page .product-card .product-header .product-icon{width:56px;height:56px;background:linear-gradient(135deg,#a5d6a7 0%,#8fe097 100%);border-radius:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 12px rgba(107,203,119,.3)}.redeem-page .product-card .product-header .product-icon svg{width:28px;height:28px;fill:white}.redeem-page .product-card .product-header .product-info{flex:1}.redeem-page .product-card .product-header .product-info .product-name{font-size:18px;font-weight:600;color:#2e7d32;margin-bottom:4px}.redeem-page .product-card .product-header .product-info .product-message{font-size:13px;color:#558b2f;line-height:1.5}.redeem-page .product-card .price-row{display:flex;align-items:baseline;gap:12px;padding-top:16px;border-top:1px dashed#e8ddd5}.redeem-page .product-card .price-row .current-price{font-size:32px;font-weight:700;color:#a5d6a7}.redeem-page .product-card .price-row .current-price .yuan{font-size:18px;font-weight:500}.redeem-page .product-card .price-row .original-price{font-size:15px;color:#a5d6a7;text-decoration:line-through}.redeem-page .product-card .price-row .discount-tag{margin-left:auto;background:linear-gradient(135deg,#ff6b6b 0%,#ff8e8e 100%);color:white;font-size:12px;font-weight:600;padding:4px 10px;border-radius:12px}.redeem-page .error-card{background:#fff;border-radius:20px;padding:20px 24px;margin-top:20px;box-shadow:0 4px 16px rgba(255,107,107,.15);border-left:4px solid#ff6b6b;animation:shake.5s ease-out}@keyframes shake{0%,to{transform:translatex(0)}20%,60%{transform:translatex(-8px)}40%,80%{transform:translatex(8px)}}.redeem-page .error-card .error-content{display:flex;align-items:center;gap:12px}.redeem-page .error-card .error-content .error-icon{width:36px;height:36px;background:linear-gradient(135deg,#ff6b6b 0%,#ff8e8e 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.redeem-page .error-card .error-content .error-icon svg{width:18px;height:18px;stroke:white;stroke-width:2.5;fill:none}.redeem-page .error-card .error-content p{font-size:14px;color:#d64545;font-weight:500}.redeem-page .redeem-action{margin-top:20px}.redeem-page .redeem-action .redeem-btn{width:100%;height:56px;background:linear-gradient(135deg,#a5d6a7 0%,#8fe097 100%);color:white;border:none;border-radius:28px;font-size:17px;font-weight:600;cursor:pointer;position:relative;overflow:hidden;transition:all.3s ease;box-shadow:0 6px 20px rgba(107,203,119,.3)}.redeem-page .redeem-action .redeem-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left.5s ease}.redeem-page .redeem-action .redeem-btn:hover{transform:translatey(-2px);box-shadow:0 10px 30px rgba(107,203,119,.4)}.redeem-page .redeem-action .redeem-btn:hover:before{left:100%}.redeem-page .steps-section{margin-top:40px}.redeem-page .steps-section .steps-title{font-size:16px;font-weight:600;color:#2e7d32;text-align:center;margin-bottom:20px;position:relative}.redeem-page .steps-section .steps-title:before,.redeem-page .steps-section .steps-title:after{content:"";position:absolute;top:50%;width:50px;height:1px;background:linear-gradient(90deg,transparent,#e8ddd5)}.redeem-page .steps-section .steps-title:before{left:0}.redeem-page .steps-section .steps-title:after{right:0;background:linear-gradient(270deg,transparent,#e8ddd5)}.redeem-page .steps-section .steps-card{background:#fff;border-radius:20px;padding:24px;box-shadow:0 4px 16px rgba(76,175,80,8%)}.redeem-page .steps-section .steps-card .step-item{display:flex;align-items:flex-start;gap:16px;margin-bottom:20px;animation:slideIn.4s ease-out backwards}.redeem-page .steps-section .steps-card .step-item:first-child{animation-delay:.1s}.redeem-page .steps-section .steps-card .step-item:nth-child(2){animation-delay:.2s}.redeem-page .steps-section .steps-card .step-item:nth-child(3){animation-delay:.3s}@keyframes slideIn{0%{opacity:0;transform:translatex(-20px)}to{opacity:1;transform:translatex(0)}}.redeem-page .steps-section .steps-card .step-item:last-child{margin-bottom:0}.redeem-page .steps-section .steps-card .step-item .step-num{width:36px;height:36px;background:linear-gradient(135deg,#4caf50 0%,#66bb6a 100%);color:white;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:700;flex-shrink:0;box-shadow:0 4px 12px rgba(76,175,80,.2)}.redeem-page .steps-section .steps-card .step-item .step-text{flex:1;padding-top:6px;font-size:14px;color:#558b2f;line-height:1.6}.redeem-page .company-section{text-align:center;margin-top:48px;padding-top:24px}.redeem-page .company-section p{font-size:12px;color:#a5d6a7;margin-bottom:4px}.redeem-confirm-dialog .dialog-content{padding:32px 24px 28px;text-align:center}.redeem-confirm-dialog .dialog-content h3{font-size:22px;font-weight:700;color:#2e7d32;margin-bottom:24px}.redeem-confirm-dialog .dialog-content .dialog-product{background:linear-gradient(135deg,#fff8f0 0%,#fffdf9 100%);border:2px solid#f5ebe3;border-radius:20px;padding:20px;margin-bottom:24px}.redeem-confirm-dialog .dialog-content .dialog-product .product-name{font-size:17px;font-weight:600;color:#2e7d32;margin-bottom:8px}.redeem-confirm-dialog .dialog-content .dialog-product .product-price{font-size:28px;font-weight:700;color:#a5d6a7}.redeem-confirm-dialog .dialog-content .dialog-product .product-price .yuan{font-size:16px}.redeem-confirm-dialog .dialog-content .dialog-tip{font-size:14px;color:#558b2f;margin-bottom:28px}.redeem-confirm-dialog .dialog-content .dialog-buttons{display:flex;gap:12px}.redeem-confirm-dialog .dialog-content .dialog-buttons button{flex:1;height:50px;border-radius:25px;font-size:16px;font-weight:600;cursor:pointer;transition:all.3s ease}.redeem-confirm-dialog .dialog-content .dialog-buttons .cancel-btn{background:#f5f0eb;color:#558b2f;border:none}.redeem-confirm-dialog .dialog-content .dialog-buttons .cancel-btn:hover{background:#ede5dd}.redeem-confirm-dialog .dialog-content .dialog-buttons .confirm-btn{background:linear-gradient(135deg,#a5d6a7 0%,#8fe097 100%);color:white;border:none;box-shadow:0 4px 16px rgba(107,203,119,.3)}.redeem-confirm-dialog .dialog-content .dialog-buttons .confirm-btn:hover:not(:disabled){transform:translatey(-2px);box-shadow:0 6px 20px rgba(107,203,119,.4)}.redeem-confirm-dialog .dialog-content .dialog-buttons .confirm-btn:disabled{background:#d4c4b5;box-shadow:none;cursor:not-allowed}.redeem-success-dialog .dialog-content{padding:40px 24px 32px;text-align:center}.redeem-success-dialog .dialog-content .success-icon{width:100px;height:100px;margin:0 auto 24px;background:linear-gradient(135deg,#a5d6a7 0%,#8fe097 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 12px 40px rgba(107,203,119,.4);animation:successPop.5s ease-out}@keyframes successPop{0%{transform:scale(0)}50%{transform:scale(1.1)}to{transform:scale(1)}}.redeem-success-dialog .dialog-content .success-icon svg{width:48px;height:48px;stroke:white;stroke-width:3;fill:none}.redeem-success-dialog .dialog-content h3{font-size:24px;font-weight:700;color:#2e7d32;margin-bottom:8px}.redeem-success-dialog .dialog-content .success-tip{font-size:15px;color:#558b2f;margin-bottom:24px}.redeem-success-dialog .dialog-content .member-info{background:linear-gradient(135deg,#f0f9f0 0%,#e8f5e9 100%);border:2px solid#c8e6c9;border-radius:16px;padding:20px;margin-bottom:28px}.redeem-success-dialog .dialog-content .member-info .member-type{font-size:17px;font-weight:600;color:#2e7d32;margin-bottom:6px}.redeem-success-dialog .dialog-content .member-info .member-expire{font-size:14px;color:#a5d6a7;font-weight:500}.redeem-success-dialog .dialog-content .success-btn{width:100%;height:54px;background:linear-gradient(135deg,#a5d6a7 0%,#8fe097 100%);color:white;border:none;border-radius:27px;font-size:17px;font-weight:600;cursor:pointer;box-shadow:0 6px 20px rgba(107,203,119,.3);transition:all.3s ease}.redeem-success-dialog .dialog-content .success-btn:hover{transform:translatey(-2px);box-shadow:0 10px 30px rgba(107,203,119,.4)}.loading-dots{display:inline-flex;gap:4px}.loading-dots span{width:6px;height:6px;background:white;border-radius:50%;animation:bounce 1.4s infinite ease-in-out both}.loading-dots span:first-child{animation-delay:-.32s}.loading-dots span:nth-child(2){animation-delay:-.16s}.loading-dots span:nth-child(3){animation-delay:0s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.redeem-error-dialog .dialog-content{padding:40px 24px 32px;text-align:center}.redeem-error-dialog .dialog-content h3{font-size:22px;font-weight:700;color:#2e7d32;margin-bottom:12px}.redeem-error-dialog .dialog-content .error-message{font-size:14px;color:#558b2f;margin-bottom:28px;line-height:1.6}.redeem-error-dialog .dialog-content .error-btn{width:100%;height:50px;background:linear-gradient(135deg,#4caf50 0%,#66bb6a 100%);color:white;border:none;border-radius:25px;font-size:16px;font-weight:600;cursor:pointer;transition:all.3s ease}.redeem-error-dialog .dialog-content .error-btn:hover{transform:translatey(-2px);box-shadow:0 6px 20px rgba(76,175,80,.3)}*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color:#4CAF50;--primary-hover:#43A047;--primary-light:#81C784;--secondary-color:#FF9A56;--text-color:#4A4A4A;--text-secondary:#6B6B6B;--text-light:#999999;--bg-color:#FFFFFF;--bg-warm:#F5FAF5;--bg-cream:#FFF8F0;--bg-gray:#F8F8F8;--border-color:#E8E8E8;--shadow:0 4px 20px rgba(76, 175, 80, 0.15);--shadow-lg:0 8px 32px rgba(76, 175, 80, 0.2);--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-xl:32px}html{scroll-behavior:smooth}body{font-family:"PingFang SC","Microsoft YaHei","Hiragino Sans GB",-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;color:#4a4a4a;line-height:1.8;background-color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1}.container{max-width:1200px;margin:0 auto;padding:0 24px}@media(max-width:768px){.container{padding:0 16px}}.section{padding:100px 0}@media(max-width:768px){.section{padding:60px 0}}.section-title{font-size:42px;font-weight:700;text-align:center;margin-bottom:16px;color:#4a4a4a;letter-spacing:-.5px}@media(max-width:768px){.section-title{font-size:32px}}.section-subtitle{font-size:18px;text-align:center;color:#6b6b6b;margin-bottom:60px;max-width:700px;margin-left:auto;margin-right:auto;line-height:1.7}@media(max-width:768px){.section-subtitle{font-size:16px;margin-bottom:40px}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 32px;font-size:16px;font-weight:600;text-decoration:none;border-radius:9999px;transition:all.3s ease;cursor:pointer;border:none;white-space:nowrap}.btn-primary{background:#4caf50;color:white;box-shadow:0 4px 16px rgba(255,140,105,.35)}.btn-primary:hover{background:#43a047;transform:translatey(-3px);box-shadow:0 8px 24px rgba(255,140,105,.45)}.btn-primary:active{transform:translatey(-1px)}.btn-secondary{background:white;color:#4caf50;border:2px solid#4caf50}.btn-secondary:hover{background:#f5faf5;transform:translatey(-3px);box-shadow:0 4px 20px rgba(76,175,80,.15)}.btn-ghost{background:transparent;color:#4a4a4a}.btn-ghost:hover{background:#f8f8f8}.card{background:white;border-radius:20px;box-shadow:0 4px 20px rgba(76,175,80,.15);transition:all.3s ease;overflow:hidden}.card:hover{transform:translatey(-6px);box-shadow:0 12px 40px rgba(76,175,80,.25)}.decoration{position:absolute;border-radius:50%;pointer-events:none;opacity:.5}.decoration-circle{width:300px;height:300px;background:radial-gradient(circle,rgba(255,140,105,.1)0%,transparent 70%)}.decoration-blob{background:radial-gradient(ellipse,rgba(125,211,192,.15)0%,transparent 70%)}.page-header{background:linear-gradient(180deg,#f5faf5 0%,#fff 100%);padding:80px 0 60px;text-align:center}@media(max-width:768px){.page-header{padding:60px 0 40px}}.page-header .page-title{font-size:48px;font-weight:700;color:#4a4a4a;margin-bottom:12px;letter-spacing:-.5px}@media(max-width:768px){.page-header .page-title{font-size:36px}}.page-header .page-subtitle{font-size:18px;color:#6b6b6b;max-width:600px;margin:0 auto}@media(max-width:768px){.page-header .page-subtitle{font-size:16px}}@keyframes float{0%,to{transform:translatey(0)}50%{transform:translatey(-10px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes fadeInUp{0%{opacity:0;transform:translatey(30px)}to{opacity:1;transform:translatey(0)}}.animate-float{animation:float 3s ease-in-out infinite}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-fade-in-up{animation:fadeInUp.6s ease-out forwards}