:root{--text-color: #333;--primary-color: #000;--background-color: #fff;--light-gray-bg: #f8f8f8;--border-color: #eaeaea;--animation-duration: .8s;--animation-timing: cubic-bezier(.25, .8, .25, 1)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{font-family:Noto Sans SC,sans-serif;color:var(--text-color);background-color:var(--background-color);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding-top:80px}img,video{max-width:100%;height:auto;display:block}.container{max-width:1200px;margin:0 auto;padding:0 40px}.animate-on-scroll{opacity:0;transition:opacity var(--animation-duration) var(--animation-timing),transform var(--animation-duration) var(--animation-timing)}.fade-in-up{transform:translateY(40px)}.fade-in-left{transform:translate(-40px)}.fade-in-right{transform:translate(40px)}.zoom-in{transform:scale(.95)}.animate-on-scroll.is-visible{opacity:1}.header-wrapper{position:fixed;width:100%;top:0;left:0;z-index:1000;background-color:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-color)}header{display:flex;justify-content:space-between;align-items:center;height:80px}.logo{font-size:24px;font-weight:700}.logo img{width:100px}nav a{color:var(--primary-color);text-decoration:none;margin-left:30px;font-size:16px;font-weight:500}.hero{padding:60px 0;min-height:80vh;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden}.hero-title{font-size:3.5rem;font-weight:700;margin-bottom:60px;text-align:center}.hero-title .hand-wave{display:inline-block;animation:wave 2.5s infinite;transform-origin:70% 70%}@keyframes wave{0%{transform:rotate(0)}10%{transform:rotate(14deg)}20%{transform:rotate(-8deg)}30%{transform:rotate(14deg)}40%{transform:rotate(-4deg)}50%{transform:rotate(10deg)}60%{transform:rotate(0)}to{transform:rotate(0)}}.hero-cards-container{position:relative;width:800px;height:500px}.hero-card{position:absolute;max-width:300px;border-radius:24px;box-shadow:0 20px 60px #0000001a;transition:transform .4s cubic-bezier(.25,.8,.25,1)}.card-1:hover{animation:subtle-rotate-1 1.5s ease-in-out infinite}.card-2:hover{animation:subtle-rotate-2 1.5s ease-in-out infinite}.card-3:hover{animation:subtle-rotate-3 1.5s ease-in-out infinite}@keyframes subtle-rotate-1{0%,to{transform:rotate(-10deg) scale(1.04)}50%{transform:rotate(-7deg) scale(1.04)}}@keyframes subtle-rotate-2{0%,to{transform:translate(-50%) rotate(6deg) scale(1.04)}50%{transform:translate(-50%) rotate(9deg) scale(1.04)}}@keyframes subtle-rotate-3{0%,to{transform:rotate(0) scale(1.04)}50%{transform:rotate(3deg) scale(1.04)}}.card-1{left:-34px;top:53px;transform:rotate(-10deg);z-index:9}.card-2{left:50%;top:56px;transform:translate(-50%) rotate(6deg);z-index:10}.card-3{right:-48px;top:0;z-index:9;transform-origin:top}.content-text{font-size:.8rem;color:#666;max-width:600px;margin:60px auto;text-align:left}.section{padding:120px 0;text-align:center}.section-title{font-size:2.8rem;font-weight:700;margin-bottom:20px;color:var(--primary-color)}.section-subtitle{font-size:1.2rem;color:#666;max-width:600px;margin:0 auto 60px}#about{padding:20px}.about-content h2{margin-bottom:20px}.about-content p{font-size:1.1rem;color:#555;font-weight:300}.services-table{border-top:1px solid var(--border-color);margin-top:50px;text-align:right}.service-item{display:flex;justify-content:space-between;padding:30px 10px;border-bottom:1px solid var(--border-color)}.service-item .service-id{color:#aaa;font-weight:500}.service-item .service-name{flex-basis:100%;font-size:1.5rem;font-weight:500;color:var(--primary-color);text-align:center}.service-item .service-description{flex-basis:60%;color:#777}#story{padding:0;min-height:65vh;background-image:url(https://sbl-app-1257135381.cos.ap-nanjing.myqcloud.com/images/page/video.webp);background-attachment:fixed;background-position:center;background-repeat:no-repeat;background-size:cover;display:flex;align-items:center;justify-content:center;color:#fff;position:relative}#story:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#0000004d}.play-button-container{z-index:1;text-align:center}.play-button-container h2{font-size:2.5rem;font-weight:500;margin-bottom:20px}.play-button{width:80px;height:80px;background-color:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.3);transition:transform .3s,background-color .3s}.play-button:hover{transform:scale(1.15);background-color:#fff6}.play-icon{width:0;height:0;border-top:15px solid transparent;border-bottom:15px solid transparent;border-left:25px solid white;margin-left:5px}#features{padding-top:120px}.feature{display:flex;justify-content:center;align-items:center;margin-bottom:120px;text-align:left;gap:5%}.feature:last-child{margin-bottom:0}.feature:nth-child(2n){flex-direction:row-reverse}.feature-text,.feature-image{flex:1 1 45%}.feature-text{padding:0 20px}.feature-text h3{font-size:2.2rem;font-weight:500;color:var(--primary-color);margin-bottom:15px;line-height:1.3}.feature-text p{font-size:1.1rem;color:#666;line-height:1.8}.feature-image img{width:100%;max-width:380px;display:block;margin:0 auto;border-radius:30px;box-shadow:0 20px 50px #0000001a}.feature:nth-child(2n) .feature-text{text-align:right}.reasons-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:30px;margin-top:60px;text-align:left}.reason-card{background-color:#fff;padding:40px;border-radius:20px;border:1px solid var(--border-color);transition:transform .4s var(--animation-timing),box-shadow .4s var(--animation-timing),background-color .4s ease-in-out}.reason-card .id,.reason-card h3,.reason-card p{transition:color .4s ease-in-out}.reason-card:hover{transform:translateY(-12px);box-shadow:0 15px 40px #0000001f;background-color:#1a1a1a}.reason-card:hover .id,.reason-card:hover h3,.reason-card:hover p{color:#fff}.reason-card .id{color:#ccc;font-weight:500;margin-bottom:20px}.reason-card h3{font-size:1.8rem;font-weight:500;color:var(--primary-color);margin-bottom:15px}.reason-card p{color:#666;font-size:1rem}#numbers{background-color:var(--background-color)}.numbers-grid{display:flex;justify-content:space-around;flex-wrap:wrap;gap:20px;margin-top:60px}.number-card{background-color:var(--light-gray-bg);padding:20px 10px;border-radius:20px;min-width:200px;text-align:center;transition:background-color .4s ease-in-out,transform .3s ease-in-out}.number-card .number,.number-card .label{transition:color .4s ease-in-out}.number-card:hover{background-color:#1a1a1a;transform:scale(1.05)}.number-card:hover .number,.number-card:hover .label{color:#fff}.number-card .number{font-size:2.8rem;font-weight:700;color:var(--primary-color)}.number-card .label{color:#777;margin-top:10px}.final-call{padding:150px 0;text-align:center}.final-call h1{font-size:8rem;font-weight:800;color:var(--primary-color)}footer{text-align:center;padding:30px;color:#aaa;font-size:.9rem;border-top:1px solid var(--border-color)}.video-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000d9;z-index:1000;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .4s ease,visibility .4s ease}.video-modal.is-active{opacity:1;visibility:visible}.video-modal-content{position:relative;width:90%;max-width:1280px;aspect-ratio:16 / 9}.video-modal-content video{width:100%;height:100%;border:none}.close-video{position:absolute;top:-40px;right:0;font-size:30px;color:#fff;cursor:pointer;font-family:sans-serif;font-weight:700}.qrcode-float-container{position:fixed;right:54px;bottom:80px;z-index:999;display:flex;flex-direction:column;gap:16px}.qrcode-float-item{width:150px;height:180px;background:#fff;border-radius:12px;box-shadow:0 4px 16px #00000026;padding:8px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;cursor:pointer}.qrcode-float-item:hover{transform:scale(1.1);box-shadow:0 6px 24px #0003}.qrcode-float-item img{width:100%;height:100%;border-radius:6px;object-fit:cover}.other{display:none}@media(max-width:992px){#story{background-attachment:scroll}.hero-cards-container{width:100%;max-width:600px;height:400px}.hero-card{max-width:240px}.feature,.feature:nth-child(2n){flex-direction:column;text-align:center;gap:40px}.feature-image img{max-width:350px}.feature-text,.feature:nth-child(2n) .feature-text{text-align:center;padding:0}}@media(max-width:768px){#story{background-attachment:scroll}body{padding-top:60px}.container{padding:0 20px}header{height:60px}.logo{font-size:20px}.logo img{display:block;width:100px}nav a{margin-left:15px;font-size:14px}.qrcode-float-container{right:12px;bottom:60px;gap:12px}.qrcode-float-item{width:70px;height:70px;padding:6px}.hero{padding:40px 0;min-height:auto}.hero-title{font-size:2.5rem;margin-bottom:40px}.hero-cards-container{margin-top:40px;position:relative;width:100%;height:auto;display:flex;flex-direction:column;align-items:center;gap:20px}.hero-card{position:relative;left:auto;top:auto;right:auto;transform:none!important;max-width:80%}.hero-card:hover{animation:none;transform:scale(1.05)!important}.section{padding:80px 0}.section-title{font-size:2.2rem}.service-item{flex-direction:column;align-items:center;gap:5px}.service-item .service-name{font-size:1.3rem;margin:5px 0}.reasons-grid{grid-template-columns:1fr}.reason-card{padding:30px}.numbers-grid{grid-template-columns:1fr 1fr;padding:10px;gap:10px}.number-card{padding:25px;width:180px;min-width:auto}.other{display:block;width:180px}.number-card .number{font-size:2rem}.final-call{padding:100px 0}.final-call h1{font-size:50px}}