.local-reward-how-it-works{padding:95px 0;.section-header{text-align:center;margin-bottom:64px;h2{font-size:2.5rem;font-weight:700;color:#303133;margin:0 0 15px}p{font-size:1.25rem;color:#606266;margin:0 auto}}.step-card{position:relative;border-radius:16px;padding:32px;border:1px solid #ebeef5;height:100%;-webkit-transition:all .3s ease;transition:all .3s ease;&:hover{-webkit-box-shadow:0 8px 32px rgba(0,0,0,.1);box-shadow:0 8px 32px rgba(0,0,0,.1);.step-icon{-webkit-transform:scale(1.1);transform:scale(1.1)}}}.steps-list{.el-col{&:first-child{.step-card{background-color:#fff8ed}}&:nth-child(2){.step-card{background-color:#f0fdf4}}&:nth-child(3){.step-card{background-color:#eff6ff}}}}.step-icon{width:64px;height:64px;border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:32px;color:#fff;-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;&.orange{background:#ff6d00}&.green{background:#00a56d}&.blue{background:#003970}}.step-title{font-size:1.5rem;font-weight:700;color:#303133;margin-bottom:16px}.step-description{color:#606266;line-height:1.6;margin:0}.step-arrow{position:absolute;top:50%;right:-16px;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-size:32px;color:#aeaeae;z-index:10}.points-example{margin:65px auto 0;border-radius:15px;padding:30px;max-width:56rem}.example-header{text-align:center;margin-bottom:30px;h3{font-size:1.5rem;font-weight:700;color:#303133;margin:0 0 8px}p{color:#606266;margin:0}}.stat-item{text-align:center}.stat-number{font-size:2rem;font-weight:700;margin-bottom:8px;&.orange{color:#ff6d00}&.green{color:#00a56d}&.blue{color:#003970}}.stat-label{font-size:.875rem;color:#909399}.progress-section{margin-top:32px;background:#f5f7fa;border-radius:8px;padding:16px}.progress-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:8px;font-size:.875rem;color:#606266}@media only screen and (max-width:767px){padding-bottom:0;overflow:hidden;margin-bottom:-20px;.steps-list{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;grid-gap:20px;gap:20px;.el-col{margin:0 auto;width:90%}}.step-arrow{display:none}.points-example{border-radius:0;-webkit-box-shadow:none;box-shadow:none;.el-card__body{padding:0}}}}