:root{font-family:"PingFang SC" system-ui,Avenir,Helvetica,Arial,sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#333;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;font-weight:400;line-height:1.5}body{min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}p,h1,h2,h3,h4,h5,h6{margin:0}*{box-sizing:border-box}.landing-page{color:#333;background-color:#f8fcff;width:100%;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.container{max-width:1440px;margin:0 auto}.hero{text-align:center;height:600px;padding:150px 0;position:relative}.hero .header_bg_box{width:100%;height:600px;display:block;position:absolute;top:0}.hero .header_bg_box .header_bg{object-fit:cover;width:100%;height:600px}.hero .container{width:100%;position:absolute;top:150px;left:50%;transform:translate(-50%)}.hero .title{color:#301c0c;margin-bottom:12px;font-size:40px;font-weight:600}.hero p{color:#857364;margin-bottom:20px;font-size:18px}.hero .desc{font-size:14px}.hero-buttons{justify-content:center;gap:46px;margin-bottom:12px;display:flex}.hero-buttons .btn-primary{cursor:pointer;color:#fff;background:linear-gradient(95deg,#ff9000 1.9%,#e85100 97.26%);border-radius:8px;justify-content:center;align-items:center;gap:8px;width:150px;height:46px;padding:10px 0;font-size:18px;transition:all .3s;display:flex}.hero-buttons .btn-primary:hover{background:linear-gradient(95deg,#e68200 1.9%,#d44a00 97.26%)}.icon-placeholder{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);--rotate-deg:0deg;background:#ffffff80;border-radius:8px;justify-content:center;align-items:center;width:54px;height:54px;animation:6s ease-in-out infinite backwards float;display:flex;position:absolute;box-shadow:0 2px 5px #933b0026}@keyframes float{0%{transform:rotate(var(--rotate-deg))translate(0px,0px)}20%{transform:rotate(var(--rotate-deg))translate(3px,-5px)}40%{transform:rotate(var(--rotate-deg))translate(-3px,-8px)}60%{transform:rotate(var(--rotate-deg))translate(-5px,-3px)}80%{transform:rotate(var(--rotate-deg))translate(4px,3px)}to{transform:rotate(var(--rotate-deg))translate(0px,0px)}}.icon-1{--rotate-deg:-12deg;animation-delay:0s;top:120px;left:19%}.icon-2{--rotate-deg:8deg;animation-delay:1s;top:200px;left:27%}.icon-3{--rotate-deg:-5deg;animation-delay:2s;top:270px;left:38%}.icon-4{--rotate-deg:3deg;animation-delay:.5s;top:245px;left:50%}.icon-5{--rotate-deg:-8deg;animation-delay:1.5s;top:300px;right:33%}.icon-6{--rotate-deg:15deg;animation-delay:2.5s;top:230px;right:23%}.icon-7{--rotate-deg:-10deg;animation-delay:.8s;top:95px;right:15%}.icon-8{--rotate-deg:20deg;animation-delay:1.2s;top:34px;left:10%}.icon-9{--rotate-deg:-18deg;animation-delay:1.8s;top:230px;right:7%}.icon-10{--rotate-deg:12deg;animation-delay:2.2s;top:300px;left:21%}.section{text-align:center;padding-top:150px}.section-title{color:#301c0c;text-align:center;font-size:32px;font-weight:600}.section-subtitle{color:#857364;text-align:center;margin-top:8px;font-size:16px}.section-subtitle1{color:#857364;text-align:center;margin-top:8px;font-size:14px}.steps-container{max-width:1054px;margin:0 auto}.steps-container .step-item-container{justify-content:space-between;display:flex}.steps-container .step-item-container .step-item{flex-direction:column;align-items:center;display:flex}.steps-container .step-item-container .step-item .step-title{color:#301c0c;margin-bottom:8px;font-size:16px;font-weight:600}.steps-container .step-item-container .step-item .step-desc{color:#857364;text-align:justify;width:277px;font-size:16px;line-height:26px}.usage-grid{text-align:left;justify-content:center;gap:32px;margin-top:24px;display:flex}.card{border:1px solid #c3c3c3;border-radius:8px;flex-direction:column;max-width:584px;transition:border .3s,box-shadow .3s;display:flex;overflow:hidden}.card:hover{border:1px solid #ff5900;box-shadow:0 4px 10px #a6480033}.card .card-image{height:200px}.card .card-content{padding:20px 24px}.card-title{color:#301c0c;margin-bottom:8px;font-size:16px;font-weight:600}.card-desc{color:#857364;text-align:justify;font-size:16px;font-weight:400;line-height:26px}.cost-grid{text-align:left;justify-content:center;gap:32px;margin-top:24px;display:flex}.cost-grid .cost-card{box-sizing:border-box;background:#fff;border:1px solid #c3c3c3;border-radius:8px;width:100%;max-width:379px;padding:24px}.cost-grid .cost-card .cost-icon{background:#fff1ea;border-radius:8px;justify-content:center;align-items:center;width:46px;height:46px;margin-bottom:24px;display:flex}.cost-grid .cost-card:hover{border:1px solid #ff5900;box-shadow:0 4px 10px #a6480033}.cost-grid .cost-card:hover .cost-icon{background:linear-gradient(95deg,#ff9000 1.9%,#e85100 97.26%)}.trace-grid{text-align:left;flex-wrap:wrap;justify-content:center;gap:32px;margin-top:24px;display:flex}.trace-grid .trace-card{background:#fff;border:1px solid #c3c3c3;border-radius:12px;align-items:center;gap:24px;width:100%;max-width:584px;padding:47px 24px;display:flex}.trace-grid .trace-card .trace-icon{background:#fff1ea;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.trace-grid .trace-card:hover{border:1px solid #ff5900;box-shadow:0 4px 10px #a6480033}.trace-grid .trace-card:hover .trace-icon{background:linear-gradient(95deg,#ff9000 1.9%,#e85100 97.26%)}.use-grid{text-align:left;justify-content:center;gap:32px;margin-top:24px;display:flex}.use-grid .use-card{box-sizing:border-box;background:#fff;border:1px solid #c3c3c3;border-radius:8px;width:100%;max-width:379px;padding:32px;position:relative}.use-grid .use-card .use-icon{opacity:0;width:100px;height:100px;transition:opacity .3s;position:absolute;top:44px;left:255px}.use-grid .use-card:hover{border:1px solid #ff5900;box-shadow:0 4px 10px #a6480033}.use-grid .use-card:hover .use-icon{opacity:1}.footer{text-align:center;height:282px;margin-top:120px;position:relative}.footer .footer_bg_box{width:100%;height:282px;display:block;position:absolute;top:0}.footer .footer_bg_box .footer_bg{object-fit:cover;width:100%;height:282px;display:block}.footer .container{flex-direction:column;align-items:center;width:100%;display:flex;position:absolute;top:70px;left:50%;transform:translate(-50%)}.footer .container .title{color:#301c0c;margin-bottom:12px;font-size:32px;font-weight:600}.footer .container p{color:#857364;margin-bottom:20px;font-size:18px}.footer .container .btn-primary{cursor:pointer;color:#fff;background:linear-gradient(95deg,#ff9000 1.9%,#e85100 97.26%);border-radius:8px;justify-content:center;align-items:center;gap:8px;width:150px;height:46px;padding:10px 0;font-size:18px;transition:all .3s;display:flex}.footer .container .btn-primary:hover{background:linear-gradient(95deg,#e68200 1.9%,#d44a00 97.26%)}@media (max-width:768px){.hero h1{font-size:32px}.steps-container{flex-direction:column;gap:40px}.steps-container .step-item-container{flex-direction:column;gap:32px}.usage-grid,.cost-grid,.use-grid{flex-direction:column;align-items:center}.usage-grid .cost-card,.cost-grid .cost-card,.use-grid .cost-card,.usage-grid .use-card,.cost-grid .use-card,.use-grid .use-card{max-width:100%}.trace-grid{grid-template-columns:1fr}}