.agent-page{color:#1b2337;text-align:center}.agent-section-title{margin:0;font-size:.5rem;font-weight:bold;color:#1b2337}.agent-section-desc{max-width:13.75rem;margin:.25rem auto 0;font-size:.225rem;line-height:1.7;color:#5a6474}.js-sharing-ratio{font-weight:bold;color:#00ce86}.agent-button{display:inline-flex;align-items:center;justify-content:center;height:.6rem;padding:0 .5rem;border-radius:12.4875rem;background:linear-gradient(135deg, #00ce86 0%, #19d96b 100%);box-shadow:0 .1rem .25rem rgba(0,206,134,.3);font-size:.225rem;font-weight:500;color:#fff;transition:transform .2s,box-shadow .2s}.agent-button:hover{color:#fff;transform:translateY(-0.025rem);box-shadow:0 .15rem .3rem rgba(0,206,134,.36)}.agent-button.is-large{min-width:5.25rem;height:.7rem;font-size:.25rem}.agent-button.is-small{height:.45rem;padding:0 .4rem;font-size:.175rem;box-shadow:none}.agent-hero{position:relative;isolation:isolate;background-color:#fff}.agent-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:url("../images/agent/banner-bg.jpg") no-repeat center top/cover;filter:hue-rotate(-60deg)}.agent-hero{padding:.7rem 0 .875rem;text-align:left}.agent-hero .agent-title{margin:0;font-size:.55rem;font-weight:bold;color:#1b2337}.agent-hero .agent-subtitle{margin-top:.2rem;font-size:.25rem;font-weight:500;color:#5a6474}.agent-plans{display:flex;gap:.325rem;margin-top:.55rem}.agent-plan{position:relative;flex:1;min-height:4.725rem;padding:.4rem .35rem;overflow:hidden;border-radius:.2rem;color:#fff}.agent-plan.is-agent{background:linear-gradient(135deg, #00ce86 0%, #19d96b 100%)}.agent-plan.is-share{background:linear-gradient(135deg, #12a594 0%, #3fcfb8 100%)}.agent-plan::before,.agent-plan::after{content:"";position:absolute;border:1px solid rgba(255,255,255,.35);border-radius:50%;background:radial-gradient(circle at 30% 30%, rgba(255, 255, 255, 0.35), rgba(255, 255, 255, 0.04) 60%)}.agent-plan::before{top:-0.75rem;right:1.75rem;width:2.25rem;height:2.25rem}.agent-plan::after{right:-0.5rem;bottom:-0.875rem;width:3.25rem;height:3.25rem}.agent-plan .plan-image{position:absolute;right:.7rem;bottom:.5rem;z-index:1;width:2.875rem}.agent-plan .plan-name{position:relative;z-index:2;margin:0 0 .325rem;font-size:.375rem;font-weight:bold}.agent-plan .plan-group{position:relative;z-index:2;margin-top:.225rem}.agent-plan .plan-group p{position:relative;margin-top:.125rem;padding-left:.25rem;font-size:.2rem}.agent-plan .plan-group p::before{content:"";position:absolute;top:50%;left:0;width:.125rem;height:.125rem;border-radius:50%;background:#fff;transform:translateY(-50%)}.agent-plan .plan-group .js-sharing-ratio{color:#fff}.agent-plan .plan-label{font-size:.1625rem;opacity:.8}.agent-plan .plan-button{position:relative;z-index:2;display:inline-flex;align-items:center;height:.45rem;margin-top:.325rem;padding:0 .325rem;border-radius:12.4875rem;background:rgba(255,255,255,.24);font-size:.2rem;color:#fff;transition:background .2s}.agent-plan .plan-button:hover{background:rgba(255,255,255,.36);color:#fff}.agent-invite{padding:1rem 0;background:#fff}.agent-invite .invite-card{position:relative;display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.7rem 1rem .7rem .8rem;overflow:hidden;border-radius:.3rem;background:linear-gradient(120deg, #e4f8ef 0%, #ffffff 55%, #fdf0e6 100%);text-align:left}.agent-invite .invite-card::before{content:"";position:absolute;top:50%;right:.5rem;width:5.75rem;height:5.75rem;border-radius:50%;background:radial-gradient(circle, rgba(255, 122, 47, 0.16) 0%, transparent 70%);transform:translateY(-50%)}.agent-invite .invite-main{flex:1;min-width:0}.agent-invite .invite-tag{display:inline-block;padding:.05rem .2rem;border-radius:12.4875rem;background:linear-gradient(180deg, #ffad7a 0%, #ff7a2f 100%);font-size:.1875rem;font-weight:500;color:#fff}.agent-invite .invite-title{margin:.225rem 0 0;font-size:.5rem;font-weight:bold;color:#1b2337}.agent-invite .invite-title .accent{color:#00ce86}.agent-invite .invite-desc{max-width:8rem;margin-top:.2rem;font-size:.225rem;line-height:1.7;color:#5a6474}.agent-invite .invite-points{display:flex;gap:.2rem;margin:.4rem 0 .5rem;padding:0}.agent-invite .invite-points li{display:flex;flex-direction:column;gap:.075rem;min-width:2.125rem;padding:.225rem .3rem;border-radius:.2rem;background:rgba(255,255,255,.8);box-shadow:0 .1rem .3rem rgba(0,206,134,.08)}.agent-invite .invite-points strong{font-size:.375rem;font-weight:800;color:#00ce86}.agent-invite .invite-points span{font-size:.1875rem;color:#5a6474}.invite-bag{position:relative;flex-shrink:0;width:4.825rem;height:5.2rem;background:url("../images/agent/red-bag.png") no-repeat center/contain;text-align:center;color:#8a1c0e}.invite-bag .bag-title{padding:.125rem 1rem;font-size:.2rem;font-weight:500}.invite-bag .bag-amount{line-height:1}.invite-bag .bag-number{font-size:1rem;font-weight:bold}.invite-bag .bag-number.is-ready{font-size:2rem}.invite-bag .bag-symbol{font-size:.6rem}.invite-bag .bag-desc{margin-top:.05rem;font-size:.2rem;opacity:.85}.agent-flow{padding:1rem 0 .875rem;background:linear-gradient(180deg, #ffffff 0%, rgba(0, 206, 134, 0.06) 100%)}.flow-list{display:flex;justify-content:center;gap:.35rem;margin:.95rem 0 0;padding:0}.flow-item{position:relative;display:flex;flex-direction:column;align-items:center;width:4.15rem;min-height:5.125rem;padding:.7rem .25rem .3rem;border-radius:.3rem}.flow-item.is-blue{background:linear-gradient(180deg, #e4f8ef 0%, rgba(228, 248, 239, 0.5) 100%)}.flow-item.is-blue .flow-index{background:linear-gradient(180deg, #4fdc9c 0%, #00ce86 100%)}.flow-item.is-purple{background:linear-gradient(180deg, #e2f5f8 0%, rgba(226, 245, 248, 0.5) 100%)}.flow-item.is-purple .flow-index{background:linear-gradient(180deg, #4cc9dc 0%, #1aa9c4 100%)}.flow-item.is-pink{background:linear-gradient(180deg, #fdf0e6 0%, rgba(253, 240, 230, 0.5) 100%)}.flow-item.is-pink .flow-index{background:linear-gradient(180deg, #ffad7a 0%, #ff7a2f 100%)}.flow-item .flow-index{position:absolute;top:-.35rem;left:50%;display:flex;align-items:center;justify-content:center;width:.725rem;height:.725rem;border:.0375rem solid #fff;border-radius:50%;font-size:.325rem;font-weight:bold;color:#fff;transform:translateX(-50%)}.flow-item .flow-title{margin:0 0 .25rem;font-size:.3rem;font-weight:600;color:#1b2337}.flow-item .flow-image{width:2.5rem;margin-top:auto}.agent-cash{padding:.875rem 0 .75rem;background:#fff}.agent-cash .cash-card{position:relative;isolation:isolate;background-color:#e4f8ef}.agent-cash .cash-card::before{content:"";position:absolute;inset:0;z-index:-1;background:url("../images/agent/cash-bg.jpg") no-repeat center top/cover;filter:hue-rotate(-60deg)}.agent-cash .cash-card{margin-top:.6rem;padding:.8rem .8rem 1.375rem;overflow:hidden;border-radius:.3rem;text-align:left}.agent-cash .cash-path{font-size:.3rem;font-weight:600;color:#1b2337}.agent-cash .cash-desc{max-width:10.75rem;margin-top:.3rem;font-size:.25rem;line-height:1.7;color:#5a6474}.agent-recruit{position:relative;isolation:isolate;background-color:#e4f8ef}.agent-recruit::before{content:"";position:absolute;inset:0;z-index:-1;background:url("../images/agent/agent-section-bg.jpg") no-repeat center top/cover;filter:hue-rotate(-60deg)}.agent-recruit{padding:.625rem 0}.agent-recruit .container{display:flex;align-items:center;gap:.75rem}.agent-recruit .recruit-image{width:7rem;flex-shrink:0}.agent-recruit .recruit-content{flex:1;text-align:left}.agent-recruit .recruit-title{margin:0;font-size:.475rem;font-weight:bold;color:#1b2337}.agent-recruit .recruit-title .accent{color:#ff7a2f}.agent-recruit .recruit-desc{margin:.325rem 0 .55rem;font-size:.225rem;line-height:1.7;color:#5a6474}.agent-service{position:relative;isolation:isolate;background-color:#e4f8ef}.agent-service::before{content:"";position:absolute;inset:0;z-index:-1;background:url("../images/agent/service-bg.jpg") no-repeat center top/cover;filter:hue-rotate(-60deg)}.agent-service{margin-bottom:.75rem}.agent-service .container{display:flex;align-items:center;gap:.5rem;min-height:3.875rem}.agent-service .service-image{width:2.625rem;align-self:flex-end}.agent-service .service-content{flex:1;text-align:left}.agent-service .service-title{margin:0;font-size:.575rem;font-weight:500;color:#1b2337}.agent-service .service-desc{margin-top:.275rem;font-size:.275rem;color:#5a6474}.agent-service .service-qrcode{text-align:center}.agent-service .service-qrcode img{display:block;width:2.15rem;height:2.15rem;margin:0 auto;padding:.075rem;border-radius:.1rem;background:#fff}.agent-service .service-qrcode p{margin-top:.175rem;font-size:.1875rem;color:#5a6474}