.retention-shell[data-v-b129d05e]{position:relative;width:min(768px,100vw - 32px)}.retention-content[data-v-b129d05e]{position:relative;display:flex;flex-direction:column;align-items:center;gap:20px;width:100%;padding:30px 24px;overflow:hidden;border-radius:24px;background-color:#eaeffc;background-position:50%;background-size:cover;background-repeat:no-repeat;box-sizing:border-box;color:#5c17a8;font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif;text-align:center}.retention-content[data-v-b129d05e]:after{position:absolute;inset:0;border:1px solid #eaeffc;border-radius:24px;content:"";pointer-events:none}.retention-header[data-v-b129d05e]{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%}.retention-title[data-v-b129d05e]{background:linear-gradient(90deg,#6100a7,#a700ff);background-clip:text;color:transparent;font-size:28px;font-weight:800;line-height:34px;text-transform:capitalize;-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(2px 2px 0 #fff)}.retention-subtitle[data-v-b129d05e],.retention-title[data-v-b129d05e]{margin:0;text-align:center;white-space:nowrap}.retention-subtitle[data-v-b129d05e]{display:flex;align-items:center;justify-content:center;gap:4px;height:20px;color:#31005699;font-size:14px;font-weight:400;line-height:20px}.retention-subtitle[data-v-b129d05e] b,.retention-subtitle[data-v-b129d05e] strong{color:#ff3d84;font:inherit;font-weight:600}.retention-subtitle[data-v-b129d05e] .retention-subtitle__reward{display:inline-flex;align-items:center;gap:2px;color:#ff3d84;font-size:16px;font-weight:600;line-height:20px;white-space:nowrap}.retention-subtitle[data-v-b129d05e] .retention-subtitle__reward--credit{padding-right:8px;border-right:1px solid rgba(49,0,86,.06)}.retention-subtitle[data-v-b129d05e] .retention-subtitle__icon{display:block;width:20px;height:20px;-o-object-fit:contain;object-fit:contain}.retention-main[data-v-b129d05e]{display:flex;flex-direction:column;gap:16px;width:100%}.retention-rewards[data-v-b129d05e]{display:flex;align-items:flex-start;gap:16px;width:100%}.retention-reward[data-v-b129d05e]{flex:0 0 352px;width:352px;height:102px;border-radius:16px;background:linear-gradient(98.1891deg,#ff5fe2 3.9026%,#b83fff 58.629%,#6a20ff 114.17%);box-shadow:6px -2px 8px #ab45ff33,inset -2px -4px 6px #39027440,inset 2px 4px 6px #ffffff4d;box-sizing:border-box;color:#fff;text-align:left}.retention-reward__meta[data-v-b129d05e]{display:flex;align-items:center;gap:12px;height:68px;margin:16px 0 0 20px}.retention-reward__icon[data-v-b129d05e]{display:block;flex:none;width:68px;height:68px;-o-object-fit:contain;object-fit:contain}.retention-reward__copy[data-v-b129d05e]{display:block;width:232px}.retention-reward__copy strong[data-v-b129d05e]{display:block;color:#fff;font-size:26px;font-weight:600;line-height:30px;white-space:nowrap}.retention-reward__copy span[data-v-b129d05e]{display:-webkit-box;overflow:hidden;width:100%;margin-top:4px;color:#fffc;font-size:14px;font-weight:400;line-height:18px;text-overflow:ellipsis;word-break:break-word;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2}.retention-reward+.retention-reward .retention-reward__copy span[data-v-b129d05e]{color:#ffffffd1}.retention-rewards--single[data-v-b129d05e]{display:block}.retention-reward--wide[data-v-b129d05e]{position:relative;flex:none;width:100%;height:102px;border-radius:16px;background:url(https://image.cdn2.seaart.me/static/images/yearly-subscription-retention/reward-blind-box.webp) 50%/100% 100% no-repeat;box-shadow:none}.retention-reward__wide-copy[data-v-b129d05e]{position:absolute;top:50%;left:30px;display:block;width:min(440px,100% - 150px);transform:translateY(-50%)}.retention-reward__wide-title[data-v-b129d05e]{display:flex;align-items:flex-start;gap:8px;color:#fff;font-size:26px;font-weight:500;line-height:30px;white-space:nowrap}.retention-reward__wide-title strong[data-v-b129d05e]{color:#fffb7e;font-size:30px;font-weight:600;line-height:30px}.retention-reward__wide-title .retention-reward__wide-amount[data-v-b129d05e]{color:#fff;font-size:30px;line-height:34px}.retention-reward__wide-desc[data-v-b129d05e]{display:-webkit-box;overflow:hidden;width:100%;margin-top:12px;color:#fff9;font-size:16px;font-weight:400;line-height:20px;text-overflow:ellipsis;word-break:break-word;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2}.retention-reward__wide-image[data-v-b129d05e]{position:absolute;top:-20px;left:510px;display:block;width:120px;height:120px;-o-object-fit:contain;object-fit:contain}.retention-detail[data-v-b129d05e]{padding:20px 16px;border:1px solid #edeff6;border-radius:16px;background:#fff;box-sizing:border-box;color:#79767d;text-align:left}.retention-detail[data-v-b129d05e],.retention-detail__content[data-v-b129d05e]{display:flex;flex-direction:column;width:100%}.retention-detail__content[data-v-b129d05e]{gap:19px}.retention-countdown[data-v-b129d05e]{display:flex;align-items:center;justify-content:space-between;height:38px;padding:0 16px;border:1px solid #ffdb93;border-radius:8px;background:#ffe0561f;box-sizing:border-box;color:#79767d;font-size:14px;font-weight:400;line-height:18px}.retention-countdown__label[data-v-b129d05e]{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.retention-countdown__emoji[data-v-b129d05e]{font-size:18px;line-height:18px}.retention-countdown__value[data-v-b129d05e]{color:#ff9500;font-size:16px;font-weight:600;line-height:22px;white-space:nowrap}.retention-row[data-v-b129d05e]{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;color:#79767d;font-size:14px;font-weight:400;line-height:18px;white-space:nowrap}.retention-row>span[data-v-b129d05e]{flex:none}.retention-row__value[data-v-b129d05e]{color:#3c3c3c;font-size:14px;font-weight:500;line-height:20px;text-align:right;white-space:nowrap}.retention-row__value--product[data-v-b129d05e]{color:#6f2fe5;font-weight:600;line-height:22px;text-transform:capitalize}.retention-row__value--discount[data-v-b129d05e]{color:#ff3d84}.retention-gifts[data-v-b129d05e],.retention-row--gift[data-v-b129d05e]{align-items:center}.retention-gifts[data-v-b129d05e]{display:flex;gap:16px;color:#3c3c3c;font-size:14px;font-weight:500;line-height:20px}.retention-gift[data-v-b129d05e]{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.retention-gift+.retention-gift[data-v-b129d05e]{padding-left:16px;border-left:1px solid #f0f0f0}.retention-gift img[data-v-b129d05e]{display:block;width:28px;height:28px;-o-object-fit:contain;object-fit:contain}.retention-detail__divider[data-v-b129d05e]{display:flex;align-items:flex-end;width:100%;height:24px}.retention-detail__divider[data-v-b129d05e]:before{display:block;width:100%;height:1px;background:linear-gradient(90deg,#f0edf300,#f0edf3 8% 92%,#f0edf300);content:""}.retention-total[data-v-b129d05e]{display:flex;align-items:center;justify-content:space-between;height:42px;padding-top:10px;box-sizing:border-box;color:#79767d;font-size:14px;font-weight:400;line-height:18px;white-space:nowrap}.retention-total__price[data-v-b129d05e]{display:flex;align-items:flex-start;gap:4px}.retention-total__price b[data-v-b129d05e]{color:#6f2fe5;font-size:22px;font-weight:700;line-height:32px}.retention-total__price small[data-v-b129d05e]{margin-top:7px;color:#79767d;font-size:14px;font-weight:400;line-height:18px}.retention-subscribe[data-v-b129d05e]{position:relative;display:flex;align-items:center;justify-content:center;width:572px;height:50px;padding:0 10px;border:1px solid #e5adff;border-radius:50px;background:radial-gradient(ellipse at 50% -20%,#dc74ff80,#ce74ff00 70%),linear-gradient(270deg,#a100ff,#d388ff 50%,#a100ff);box-shadow:0 2px #9200ba,inset 0 0 10px #e0baff;box-sizing:border-box;color:#fff;font-size:16px;font-weight:600;line-height:22px;text-align:center;text-transform:capitalize;white-space:nowrap;cursor:pointer;transition:filter .2s ease,box-shadow .2s ease}.retention-subscribe[data-v-b129d05e]:before{position:absolute;inset:0;border-radius:inherit;background:radial-gradient(ellipse at 50% 100%,rgba(144,0,255,.05),transparent 70%);content:"";mix-blend-mode:plus-lighter;pointer-events:none}.retention-close[data-v-b129d05e]{position:absolute;top:12px;right:-42px;display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:0;border-radius:50%;background:#ffffff29;color:#fff;line-height:1;cursor:pointer;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:background-color .2s ease,transform .2s ease}.retention-close .el-icon[data-v-b129d05e]{font-size:16px}.retention-close[data-v-b129d05e] svg path{stroke:currentColor;stroke-width:.5px}@media(hover:hover){.retention-close[data-v-b129d05e]:hover{background:#ffffff42}.retention-subscribe[data-v-b129d05e]:hover{box-shadow:0 2px #9200ba,inset 0 0 14px #f0d4ff;filter:brightness(1.05)}}@media(max-width:820px){.retention-content[data-v-b129d05e]{padding:24px 16px;border-radius:20px}.retention-title[data-v-b129d05e]{font-size:24px;line-height:30px}.retention-subtitle[data-v-b129d05e],.retention-title[data-v-b129d05e]{white-space:normal}.retention-rewards[data-v-b129d05e]{flex-direction:column}.retention-reward[data-v-b129d05e]{flex-basis:auto;width:100%}.retention-reward__wide-copy[data-v-b129d05e]{left:20px}.retention-reward__wide-title[data-v-b129d05e]{font-size:22px;line-height:26px}.retention-reward__wide-title strong[data-v-b129d05e]{font-size:26px;line-height:26px}.retention-reward__wide-desc[data-v-b129d05e]{font-size:14px;line-height:18px}.retention-reward__wide-image[data-v-b129d05e]{top:-14px;right:20px;left:auto;width:100px;height:100px}.retention-subscribe[data-v-b129d05e]{width:100%}.retention-close[data-v-b129d05e]{top:12px;right:8px}}@media(max-width:640px){.retention-shell[data-v-b129d05e]{width:calc(100vw - 32px)}.retention-content[data-v-b129d05e]{padding:22px 14px 18px;border-radius:18px}.retention-title[data-v-b129d05e]{font-size:22px;line-height:28px}.retention-reward__copy[data-v-b129d05e]{width:auto}}