.component-subscribe-modal .component-subscribe-modal-mask{background-color:#00000080;height:100%;left:0;position:fixed;top:0;width:100%;z-index:100}.component-subscribe-modal .component-subscribe-modal-wrap{background:linear-gradient(180deg,#ffe5c2,#fffaf6 35.44%);background-position:50%;background-size:cover;border-radius:4px;left:50%;max-width:710px;min-width:644px;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:100}.component-subscribe-modal .component-subscribe-modal-close{color:#000;cursor:pointer;line-height:1;position:absolute;right:12px;top:10px}.component-subscribe-modal .component-subscribe-modal-header{min-height:130px;padding:26px 36px 20px}.component-subscribe-modal .component-subscribe-modal-header .header-title{color:#000;font-size:16px;font-weight:500;line-height:30px}.component-subscribe-modal .component-subscribe-modal-header .header-title2{color:#000;font-size:24px;font-weight:500;line-height:30px}.component-subscribe-modal .component-subscribe-modal-header .extra-tips{color:#0032ff;font-size:14px;line-height:1;margin-top:10px}.component-subscribe-modal .component-subscribe-modal-content{display:flex;flex-direction:column}.component-subscribe-modal .component-subscribe-modal-content .loading-block{align-items:center;color:#666;display:flex;flex-direction:column;gap:12px;grid-column:span 2;justify-content:center;min-height:396px}.component-subscribe-modal .component-subscribe-modal-content .loading-block .loading-spinner{animation:spin 1s linear infinite;border:2px solid #f3f3f3;border-radius:50%;border-top-color:#fcbc66;height:24px;width:24px}.component-subscribe-modal .component-subscribe-modal-content .plans{display:flex;gap:12px;max-width:710px;overflow-x:auto;padding:0 36px 26px}.component-subscribe-modal .component-subscribe-modal-content .plans.display-none{display:none}.component-subscribe-modal .component-subscribe-modal-content .plans .plan-card{background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #b498732e;cursor:pointer;display:flex;flex-direction:column;min-height:366px;min-width:310px;padding:0 16px 16px;position:relative}.component-subscribe-modal .component-subscribe-modal-content .plans .plan-card.point-card{min-width:220px}.component-subscribe-modal .component-subscribe-modal-content .plans .plan-card.show-promotion{border:none!important}.component-subscribe-modal .component-subscribe-modal-content .plans .plan-card.show-promotion .recommend-badge{display:none!important}.component-subscribe-modal .component-subscribe-modal-content .plans .plan-card .plan-title{align-items:center;background:linear-gradient(90deg,#ff773d,#ff2326 92.31%);color:#fff;display:flex;font-size:14px;font-weight:500;height:46px;justify-content:center;margin:0 -16px 16px}.component-subscribe-modal .component-subscribe-modal-content .plans .plan-card .price{align-items:flex-end;display:flex;margin-bottom:14px;text-align:left;white-space:nowrap}.component-subscribe-modal .component-subscribe-modal-content .plans .plan-card .price.month-price{margin-bottom:12px}.component-subscribe-modal .component-subscribe-modal-content .plans .plan-card .price.month-price .discount{color:#f70;font-size:12px;margin-left:12px}.component-subscribe-modal .component-subscribe-modal-content .plans .plan-card .price .currency{color:#ff471e;font-size:16px;line-height:16px}.component-subscribe-modal .component-subscribe-modal-content .plans .plan-card .price .amount{color:#ff471e;font-size:36px;font-weight:700;line-height:30px}.component-subscribe-modal .component-subscribe-modal-content .plans .plan-card .price .unit{color:#000;font-size:20px;font-weight:500;line-height:24px;margin-left:6px}.component-subscribe-modal .component-subscribe-modal-content .plans .plan-card .price .original-price{align-items:flex-start;display:flex;flex-direction:column}.component-subscribe-modal .component-subscribe-modal-content .plans .plan-card .price .original-price .discount{color:#ff853c;font-size:14px;margin-left:8px}.component-subscribe-modal .component-subscribe-modal-content .plans .plan-card .price .date-unit{color:#000;font-size:16px;font-weight:400}.component-subscribe-modal .component-subscribe-modal-content .plans .plan-card .price .original-month-price{color:#000;font-size:16px;margin-left:12px;opacity:.4;text-decoration:line-through}.component-subscribe-modal .component-subscribe-modal-content .plans .plan-card .price .trial-package{color:#fd3f2d;font-size:14px;margin-left:auto}.component-subscribe-modal .component-subscribe-modal-content .plans .plan-card .price .original{color:#999;font-size:12px;line-height:12px;margin-left:8px;text-decoration:line-through}.component-subscribe-modal .component-subscribe-modal-content .plans .plan-card .price .only-once{color:#ff322b;flex:1;font-size:12px;text-align:right}.component-subscribe-modal .component-subscribe-modal-content .plans .plan-card .price-tip{align-self:flex-start;background:#f4f5fa;border-radius:90px;color:#000;font-size:14px;font-weight:500;margin-bottom:32px;opacity:0;padding:3px 16px}.component-subscribe-modal .component-subscribe-modal-content .plans .plan-card .price-tip.visible{opacity:1}.component-subscribe-modal .component-subscribe-modal-content .plans .plan-card .line{background-color:#9093a5;height:1px;margin-bottom:16px;opacity:.2;width:100%}.component-subscribe-modal .component-subscribe-modal-content .plans .plan-card .features{flex:1;list-style:none;margin:0 0 35px;padding:0}.component-subscribe-modal .component-subscribe-modal-content .plans .plan-card .features li{align-items:center;color:#000;display:flex;font-size:14px;line-height:20px;margin-bottom:8px;padding-left:12px;position:relative}.component-subscribe-modal .component-subscribe-modal-content .plans .plan-card .features li:before{background:#ccd6ff;border-radius:50%;content:"";height:4px;left:0;position:absolute;top:8px;width:4px}.component-subscribe-modal .component-subscribe-modal-content .plans .plan-card .features li .value{color:#0032ff;font-weight:500;margin-left:4px}.component-subscribe-modal .component-subscribe-modal-content .plans .plan-card .features li .additional-benefits{color:#ff322b;font-size:12px;font-weight:500;margin-left:6px;position:absolute;right:0;top:-20px}.component-subscribe-modal .component-subscribe-modal-content .plans .plan-card.invite-friends{min-width:220px;padding:0 20px 20px}.component-subscribe-modal .component-subscribe-modal-content .plans .plan-card.invite-friends .plan-title{background:linear-gradient(90deg,#6e8aff,#244fff);margin:0 -20px 20px}.component-subscribe-modal .component-subscribe-modal-content .plans .plan-card.invite-friends .invite-friends-content{flex:1}.component-subscribe-modal .component-subscribe-modal-content .plans .plan-card.invite-friends .text1{color:#000;font-size:12px;line-height:18px}.component-subscribe-modal .component-subscribe-modal-content .plans .plan-card.invite-friends .text2{color:#ff4d4d;font-size:14px;font-weight:500;line-height:20px;margin-top:14px}.component-subscribe-modal .component-subscribe-modal-content .plans .plan-card .activity-gift{display:none;position:absolute;right:-12px;top:40px;width:94px}.component-subscribe-modal .component-subscribe-modal-content .plans .plan-card.activity .activity-gift{display:block}.component-subscribe-modal .component-subscribe-modal-content .plans .plan-card.activity .actions .purchase-btn{background:linear-gradient(90deg,#ff773d,#ff2326);color:#fff}.component-subscribe-modal .component-subscribe-modal-content .plans .plan-card.activity .actions .purchase-btn .christmas-activity-discount-time{background:#fff07f;border-radius:50px 90px 90px 0;color:#ff3e41;font-size:14px;font-weight:500;padding:2px 8px;position:absolute;right:0;top:-13px}.component-subscribe-modal .component-subscribe-modal-content .plans .plan-card.show-promotion .package-upgrade-promotion{opacity:1}.component-subscribe-modal .component-subscribe-modal-content .actions{align-items:center;display:flex;gap:16px;justify-content:space-between}.component-subscribe-modal .component-subscribe-modal-content .actions .purchase-btn{background:linear-gradient(259.39deg,#ffe8c8 22.79%,#ffd9a4 93.45%);border:unset;color:#78500c;flex:1;height:40px;position:relative;transition:all .3s ease}.component-subscribe-modal .component-subscribe-modal-content .actions .purchase-btn:hover:not([disabled]){background:linear-gradient(259.39deg,#e5d1b4 22.79%,#e5c394 93.45%)}.component-subscribe-modal .component-subscribe-modal-content .actions .purchase-btn[disabled]{opacity:.5}.component-subscribe-modal .component-subscribe-modal-content .actions .purchase-btn .badge{align-items:center;background:linear-gradient(90deg,#ff620d 4.17%,#ff6f67);border-radius:6px 6px 6px 0;color:#fff;display:flex;font-size:12px;font-weight:500;height:24px;justify-content:center;padding:0 12px;position:absolute;right:0;top:0;transform:translate(12px,-12px)}.component-subscribe-modal .component-subscribe-modal-content .actions .cancel-btn{color:#000;cursor:pointer;font-size:16px;opacity:.6}.component-subscribe-modal .component-subscribe-modal-content .actions .qr-content{align-items:center;display:flex;gap:12px;width:100%}.component-subscribe-modal .component-subscribe-modal-content .actions .qr-content .qr-content-left{flex:1;padding-top:10px}.component-subscribe-modal .component-subscribe-modal-content .actions .qr-content .qr-text{color:#000;font-size:12px}.component-subscribe-modal .component-subscribe-modal-content .actions .qr-content .qr-service-hours{color:#666a7c;font-size:12px;margin-top:6px}.component-subscribe-modal .component-subscribe-modal-content .actions .qr-content .qr-img{height:70px;-o-object-fit:contain;object-fit:contain;width:70px}.component-subscribe-modal .component-subscribe-modal-content .quantity-selector{align-items:center;display:flex;white-space:nowrap}.component-subscribe-modal .component-subscribe-modal-content .quantity-selector .quantity-select{align-items:center;background-color:#f4f5fa;border-radius:4px;display:flex;height:40px;justify-content:center;padding:0 4px}.component-subscribe-modal .component-subscribe-modal-content .quantity-selector .quantity-btn{align-items:center;background-color:transparent;border:none;color:#000;cursor:pointer;display:flex;height:28px;justify-content:center;width:28px}.component-subscribe-modal .component-subscribe-modal-content .quantity-selector .quantity-btn:disabled{color:#ccc;cursor:not-allowed}.component-subscribe-modal .component-subscribe-modal-content .quantity-selector .quantity{color:#000;font-size:14px;min-width:22px;text-align:center}.component-subscribe-modal .component-subscribe-modal-content .quantity-selector .unit-selector{color:#000;font-size:14px;padding-left:8px}.component-subscribe-modal.quantity-select-dropdown .ant-dropdown-content{padding-bottom:16px}.component-subscribe-modal.quantity-select-dropdown .ant-dropdown-menu{border-radius:8px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}