.paid-subsciption{position:relative;margin-bottom:36px}.paid-subscription-wrap-mask{height:200px;position:absolute;width:100%;top:-200px;left:0}.paid-subscription-wrap-mask.light{background:linear-gradient(180deg,hsla(0,0%,100%,0),var(--bg-body))}.paid-subscription-wrap-mask.dark{background:linear-gradient(180deg,transparent,var(--bg-body))}.paid-subscription-wrap{border-radius:6px;border-radius:var(--radius-m,6px);background:#f8f9fa;background:var(--bg-content-base,#f8f9fa);padding:24px 30px;display:flex;align-items:center;-webkit-align-items:center}.paid-subscription-wrap .paid-subscription-info{min-width:0;flex:1 1 auto;display:flex;flex-direction:column;margin-right:16px}.paid-subscription-wrap .paid-subscription-info .main-info{display:flex;align-items:flex-end}.paid-subscription-wrap .paid-subscription-info .paid-amount{font-weight:700;display:flex;align-items:baseline;font-family:DIN Alternate}.paid-subscription-wrap .paid-subscription-info .paid-amount .currency{color:var(--primary-pri-500);font-size:30px;line-height:22px}.paid-subscription-wrap .paid-subscription-info .paid-amount .price{color:var(--primary-pri-500);font-size:40px;line-height:30px;margin:0 6px 0 4px}.paid-subscription-wrap .paid-subscription-info .detail{font-weight:400;font-size:14px;line-height:22px;color:var(--text-caption);margin-top:16px}.paid-subscription-wrap .paid-btn{flex:0 0 auto}.reader-disclaim{width:100%;color:#8f959e;color:var(--token-text-placeholder,var(--token-text-placeholder,#8f959e));font-family:"PingFang SC";font-size:12px;font-style:normal;font-weight:400;line-height:18px;display:flex;justify-content:center;align-items:center;white-space:pre-wrap;margin:13px 0;text-align:center}.reader-disclaim .reader-link{color:var(--text-link-hover);cursor:pointer;color:#336df4;color:var(--token-primary-pri-500,var(--token-primary-pri-500,#336df4))}.reader-disclaim .reader-link:hover{text-decoration:underline}@media screen and (min-width:0px) and (max-width:540px){.paid-subscription-wrap{flex-direction:column;border-radius:6px;border-radius:var(--radius-m,6px)}.paid-subscription-wrap .paid-subscription-info{max-width:100%;align-items:center}.paid-subscription-wrap .paid-btn{margin-top:16px}}