.heart-share-banner{display:block;margin-top:.15rem;padding:0;border:0;background:transparent;cursor:pointer}.heart-share-banner img{display:block;width:100%;height:auto}.heart-share-page,.heart-share-view-page{min-height:100%;margin:0;color:#333;background:#ffe9ed url("/h5/images/order-heart-share/page-background.png") center top/100% auto no-repeat}.heart-share-wrap,.heart-share-view-wrap{width:100%;max-width:7.5rem;margin:0 auto;padding:.28rem .4rem 1.6rem;box-sizing:border-box}.heart-order-card,.heart-receive-info{position:relative;padding:.28rem .32rem;border-radius:.22rem;background:#fff;box-shadow:0 0.08rem 0.24rem rgba(255,112,141,0.12)}.heart-order-card h2,.heart-receive-info h2{margin:0 0 .2rem;font-size:.28rem}.heart-order-card dl,.heart-receive-info dl{margin:0;font-size:.24rem;line-height:1.65}.heart-order-card dl div,.heart-receive-info dl div{display:flex}.heart-order-card dl dt,.heart-receive-info dl dt{flex:0 0 auto;color:#666}.heart-order-card dl dd,.heart-receive-info dl dd{min-width:0;margin:0;word-break:break-all;color:#333;font-weight:500;text-align:left}.heart-products{position:relative;margin-top:.22rem;padding-top:.18rem;border-top:1px solid #f3f3f3}.heart-product{display:flex;align-items:flex-start;gap:.2rem;padding:.12rem 0}.heart-product>div{flex:1;min-width:0;text-align:left}.heart-product img{flex:0 0 1.2rem;width:1.2rem;height:1.2rem;border-radius:.08rem;object-fit:cover}.heart-product h3,.heart-product p{margin:0;font-size:.23rem;line-height:1.45}.heart-product h3{margin-bottom:.08rem;font-weight:500}.heart-product p{color:#666}.heart-product-count{margin:.08rem 0 0;color:#666;font-size:.22rem;text-align:right}.heart-cover-title{display:block;width:3.2rem;height:auto;margin:.32rem auto .22rem}.heart-order-copy{position:static;grid-column:3;justify-self:end;padding:.05rem .12rem;border:0;border-radius:.08rem;color:#999;background:#f5f5f5;font-size:.2rem;line-height:1.4}.heart-order-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:.2rem}.heart-order-heading h2{grid-column:2;margin:0;text-align:center}.heart-order-copy-source{position:fixed;top:0;left:-9999px;width:1px;height:1px;padding:0;border:0;opacity:0;pointer-events:none}.heart-cover{position:relative;overflow:hidden;width:100%;height:4.15rem;padding:.3rem;border-radius:.18rem;color:#fff;background:linear-gradient(135deg, rgba(255,69,112,0.9), rgba(255,184,205,0.74)),url("/h5/images/order-heart-share/page-background.png") center 14%/cover;box-sizing:border-box}.heart-cover::after{position:absolute;right:-.35rem;bottom:-.45rem;width:2.4rem;height:2.4rem;border-radius:50%;background:rgba(255,255,255,0.18);content:''}.heart-cover span{display:block;font-size:.23rem}.heart-cover strong{display:block;margin-top:.35rem;font-size:.56rem;font-weight:500;line-height:1.28;letter-spacing:.04rem}.heart-cover.heart-cover-configured{padding:0;background:transparent}.heart-cover.heart-cover-configured::after,.heart-cover.heart-cover-configured>span,.heart-cover.heart-cover-configured>strong{display:none}.heart-cover-config-image{display:none;width:100%;height:100%;object-fit:cover;border-radius:.4rem}.heart-cover-configured>.heart-cover-config-image{display:block}.heart-cover-2{filter:saturate(0.72)}.heart-cover-3{background-color:#ff9caf;background-blend-mode:screen}.heart-blessing-row{display:flex;align-items:center;gap:.16rem;margin-top:.2rem}.heart-blessing-row [hidden]{display:none}.heart-blessing-row .heart-blessing-text{flex:1;min-width:0;margin:0;color:#222;font-size:.25rem;line-height:1.5;text-align:center;overflow-wrap:anywhere}.heart-blessing-row .heart-blessing-edit{flex:0 0 auto;width:auto;padding:.08rem .14rem;border:1px solid #e8e8e8;border-radius:.08rem;color:#888;background:#fff;font-size:.2rem;line-height:1.4}.heart-blessing-row input{flex:1;min-width:0;width:0;height:.78rem;padding:0 .24rem;border:1px solid #ffd0d9;border-radius:.39rem;background:rgba(255,255,255,0.9);font-size:.25rem;text-align:center;box-sizing:border-box;outline:0}.heart-blessing-options{display:flex;gap:.12rem;overflow-x:auto;margin-top:.16rem;padding-bottom:.05rem;-ms-overflow-style:none;scrollbar-width:none;-webkit-overflow-scrolling:touch}.heart-blessing-options::-webkit-scrollbar{display:none;width:0;height:0}.heart-blessing-options button{flex:0 0 auto;width:auto;max-width:none;padding:.12rem .2rem;border:1px solid #ffd0d9;border-radius:.25rem;color:#666;background:rgba(255,255,255,0.86);font-size:.21rem;line-height:1.35;white-space:nowrap}.heart-blessing-options button.active{border-color:#ff3f59;color:#ff3f59}.heart-cover-options{display:flex;gap:.12rem;overflow-x:auto;margin-top:.2rem;padding-bottom:.08rem;-ms-overflow-style:none;scrollbar-width:none;-webkit-overflow-scrolling:touch}.heart-cover-options::-webkit-scrollbar{display:none;width:0;height:0}.heart-cover-option{flex:0 0 1.85rem;height:1.12rem;padding:.12rem;border:.04rem solid transparent;border-radius:.12rem;color:#fff;background:linear-gradient(135deg, #ff809f, #ffc3d2);font-size:.18rem;line-height:1.35}.heart-cover-option.active{border-color:#ff3f59}.heart-cover-option.heart-cover-configured{padding:0;background:#fff}.heart-cover-option.heart-cover-configured>span{display:none}.heart-share-submit{position:fixed;right:.4rem;bottom:.25rem;left:.4rem;z-index:20;height:.86rem;border:0;border-radius:.43rem;color:#fff;background:linear-gradient(90deg, #ff3852, #ff5571);font-size:.3rem}.heart-share-tip{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10040;background:rgba(0,0,0,0.68)}.heart-share-tip[hidden]{display:none}.heart-share-tip>div{position:absolute;top:32px;top:calc(32px + env(safe-area-inset-top, 0px));right:18px;max-width:calc(100% - 48px);padding:16px 20px;border-radius:10px;box-sizing:border-box;color:#fff;background:#ff3f59;font-size:16px;line-height:1.5}.heart-share-tip>div::after{position:absolute;top:-12px;right:16px;border-right:10px solid transparent;border-bottom:12px solid #ff3f59;border-left:10px solid transparent;content:''}.heart-share-tip button{position:absolute;top:-10px;left:-10px;width:24px;height:24px;padding:0;border:1px solid #fff;border-radius:50%;color:#fff;background:#ff3f59;font-size:18px;line-height:20px}.heart-share-tip p{margin:0}.heart-share-view-page{background-color:rgba(0,0,0,0.48)}.heart-share-view-wrap{position:relative;min-height:100vh;padding-top:1.2rem}.heart-dialog-decoration{position:absolute;top:.35rem;right:.75rem;z-index:2;width:5.4rem;height:auto}.heart-receive-card{position:relative;z-index:3;overflow:hidden;border-radius:.3rem;background:#fff}.heart-receive-card>.heart-cover{margin:.25rem;width:calc(100% - .5rem)}.heart-receive-blessing{margin:0;padding:.08rem .35rem .28rem;color:#222;font-size:.28rem;text-align:center}.heart-receive-info{border-radius:0;box-shadow:none}.heart-receive-footer{margin:0;padding:.26rem;color:#ff718c;font-size:.25rem;text-align:center}body.heart-share-popup-open{overflow:hidden}body.heart-share-editor-open{overflow:hidden}.heart-share-editor-modal{position:fixed;inset:0;z-index:10020;display:flex;align-items:flex-end;justify-content:center;padding:0;background:rgba(0,0,0,0.58);box-sizing:border-box}.heart-share-editor-modal[hidden]{display:none}.heart-share-editor-panel{position:relative;overflow:hidden;width:100%;max-width:none;height:85vh;padding-top:90px;border-radius:18px 18px 0 0;background:url("/h5/images/order-heart-share/page-background.png") center top/100% auto no-repeat;box-sizing:border-box;animation:heart-share-editor-enter .3s ease-out both}@keyframes heart-share-editor-enter{from{transform:translateY(100%)}to{transform:translateY(0)}}.heart-share-editor-body{position:absolute;top:90px;right:0;bottom:0;left:0;overflow-x:hidden;overflow-y:auto;height:auto;max-height:none;overscroll-behavior:contain;-ms-overflow-style:none;scrollbar-width:none;-webkit-overflow-scrolling:touch}.heart-share-editor-body::-webkit-scrollbar{display:none;width:0;height:0}.heart-share-editor-body .heart-share-wrap{width:100%;max-width:none;padding:0 18px 16px}.heart-share-editor-body .heart-cover-config-image{border-radius:.1rem}.heart-share-editor-body .heart-order-card,.heart-share-editor-body .heart-receive-info{padding:16px;border-radius:13px}.heart-share-editor-body .heart-order-card h2,.heart-share-editor-body .heart-receive-info h2{font-size:14px;font-weight:600}.heart-share-editor-body .heart-order-card dl,.heart-share-editor-body .heart-receive-info dl{font-size:14px;line-height:1.6}.heart-share-editor-body .heart-products{margin-top:12px;padding-top:10px}.heart-share-editor-body .heart-product{gap:12px;padding:8px 0}.heart-share-editor-body .heart-product img{flex-basis:68px;width:68px;height:68px;border-radius:6px}.heart-share-editor-body .heart-product h3,.heart-share-editor-body .heart-product p{font-size:14px}.heart-share-editor-body .heart-product-count{font-size:13px}.heart-share-editor-body .heart-cover-title{width:68%;max-width:250px;margin:20px auto 12px}.heart-share-editor-body .heart-order-copy{padding:4px 9px;border-radius:5px;font-size:12px}.heart-share-editor-body .heart-order-heading{margin-bottom:10px}.heart-share-editor-body .heart-cover{height:58vw;min-height:230px;max-height:350px;border-radius:14px}.heart-share-editor-body .heart-cover span{font-size:14px}.heart-share-editor-body .heart-cover strong{margin-top:24px;font-size:34px}.heart-share-editor-body .heart-blessing-row{margin-top:12px;gap:10px}.heart-share-editor-body .heart-blessing-row .heart-blessing-text{font-size:14px}.heart-share-editor-body .heart-blessing-row .heart-blessing-edit{padding:5px 9px;border-radius:5px;font-size:12px}.heart-share-editor-body .heart-blessing-row input{height:44px;padding:0 16px;border-radius:22px;font-size:14px}.heart-share-editor-body .heart-blessing-options,.heart-share-editor-body .heart-cover-options{gap:8px;margin-top:10px}.heart-share-editor-body .heart-blessing-options button{padding:8px 12px;border-radius:18px;font-size:13px}.heart-share-editor-body .heart-cover-option{flex-basis:112px;height:72px;padding:0;border-width:3px;border-radius:9px;font-size:12px}.heart-share-editor-body .heart-share-submit{position:static;right:auto;bottom:auto;left:auto;display:block;width:calc(100% - 36px);height:48px;margin:0 auto 16px;border-radius:24px;font-size:17px;box-shadow:0 6px 16px rgba(255,63,89,0.28)}.heart-share-editor-loading,.heart-share-editor-error{margin:0;padding:100px 20px;color:#777;font-size:15px;text-align:center}@media (max-width: 360px){.heart-share-editor-body .heart-share-wrap{padding-right:12px;padding-left:12px}.heart-share-editor-body .heart-cover{min-height:205px}}.heart-share-home-popup{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:.45rem .4rem;background:rgba(0,0,0,0.58);box-sizing:border-box}.heart-share-home-popup[hidden]{display:none}.heart-share-home-popup-panel{position:relative;display:flex;flex-direction:column;width:100%;max-width:6.25rem;height:auto;max-height:88vh;max-height:88dvh;overflow:visible}.heart-share-home-popup-panel #heartShareHomePopupContent{display:flex;flex:0 1 auto;flex-direction:column;min-height:0}.heart-share-home-popup-panel .heart-share-popup-card-wrap,.heart-share-home-popup-panel .heart-receive-card,.heart-share-home-popup-panel .heart-receive-info-wrap,.heart-share-home-popup-panel .heart-receive-info{display:flex;flex:0 1 auto;flex-direction:column;min-height:0;box-sizing:border-box}.heart-share-home-popup-close{position:absolute;top:.38rem;right:.05rem;z-index:5;width:.34rem;height:.34rem;padding:0;border:0;border-radius:50%;border:1px solid rgba(255,255,255,0.9);color:#fff;background:transparent;font-size:.25rem;line-height:.3rem}.heart-share-popup-card-wrap{position:relative;padding-top:.92rem}.heart-share-popup-card-wrap .heart-dialog-decoration{top:0;right:50%;z-index:1;width:5.15rem;transform:translateX(50%)}.heart-share-popup-card-wrap .heart-receive-card{overflow:hidden;border-radius:.3rem;box-shadow:0 0.14rem 0.38rem rgba(81,28,39,0.22);background:transparent}.heart-share-popup-card-wrap .heart-receive-card>.heart-cover{position:relative;flex:0 0 auto;z-index:3;width:calc(100% - .6rem);height:auto;overflow:visible;aspect-ratio:auto;margin:.2rem .3rem 0;border-radius:.2rem .2rem 0 0;background:#fff1f1;padding:.2rem}.heart-share-popup-card-wrap .heart-receive-card>.heart-cover .heart-cover-config-image{height:auto;max-height:30vh;max-height:30dvh;border-radius:.2rem}.heart-share-popup-card-wrap .lang{position:relative;flex:0 0 auto;margin-top:-.16rem;z-index:5}.heart-share-popup-card-wrap .heart-receive-blessing{min-height:.72rem;padding:.18rem .2rem .1rem;background:#fff1f3;font-size:.24rem;font-weight:600;line-height:1.45;box-sizing:border-box}.heart-share-popup-card-wrap .heart-receive-info-wrap{position:relative;z-index:2;margin-top:-.7rem;background:#f47791;padding-top:.7rem;border-radius:.3rem .2rem 0 0}.heart-share-popup-card-wrap .heart-receive-info{position:relative;z-index:4;margin-top:-.02rem;padding:.38rem .34rem .12rem;border-radius:0;background:#fff}.heart-share-popup-card-wrap .heart-receive-info dl,.heart-share-popup-card-wrap .heart-receive-info .heart-products,.heart-share-popup-card-wrap .heart-receive-info .heart-receive-heading{position:relative;z-index:1}.heart-share-popup-card-wrap .heart-receive-info dl{font-size:.22rem;flex:0 0 auto;line-height:1.55}.heart-share-popup-card-wrap .heart-receive-heading{display:flex;flex:0 0 auto;align-items:center;justify-content:space-between;margin-bottom:.12rem}.heart-share-popup-card-wrap .heart-receive-heading h2{margin:0;color:#333;font-size:.22rem;font-weight:500}.heart-share-popup-card-wrap .heart-receive-heading button{padding:.04rem .1rem;border:0;border-radius:.06rem;color:#666;background:#f5f5f5;font-size:.18rem;line-height:1.4}.heart-share-popup-card-wrap .heart-products{flex:0 1 auto;min-height:0;margin-top:.14rem;padding-top:.12rem;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none}.heart-share-popup-card-wrap .heart-products::-webkit-scrollbar{display:none;width:0;height:0}.heart-share-popup-card-wrap .heart-product{gap:.14rem;padding:.08rem 0}.heart-share-popup-card-wrap .heart-product img{flex-basis:1rem;width:1rem;height:1rem}.heart-share-popup-card-wrap .heart-product h3,.heart-share-popup-card-wrap .heart-product p{font-size:.21rem;line-height:1.35}.heart-share-popup-card-wrap .heart-product-count{flex:0 0 auto;font-size:.18rem}.heart-share-popup-card-wrap .heart-product-count .font-bold{margin:0 .03rem}.heart-share-popup-card-wrap .heart-receive-footer{position:relative;flex:0 0 auto;z-index:5;padding:.14rem .2rem .2rem;background:#fff;font-size:.23rem}
