.wx-heart-overlay{position:absolute;inset:0;background:#1b201aca;backdrop-filter:blur(5px);z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;animation:wxHeartFade .28s both}
.wx-heart-close{display:grid;place-items:center;padding:0;line-height:1;position:absolute;right:18px;top:24px;width:34px;height:34px;background:#ffffff20;color:#fff;border-radius:50%;font-size:23px}
.wx-heart-book{width:100%;height:414px;position:relative;perspective:1300px;filter:drop-shadow(5px 20px 20px #0005)}
.wx-heart-paper{position:absolute;inset:0;background:#fcf7e9;border-radius:4px 12px 12px 4px;padding:26px 24px 25px 34px;box-shadow:inset 11px 0 16px #65482e19,3px 2px #ddd5c3,6px 4px #eee6d4;overflow:auto}
.wx-heart-paper{scrollbar-width:none}
.wx-heart-paper::-webkit-scrollbar{display:none}
.wx-heart-paper:before{content:'';position:absolute;top:0;bottom:0;left:23px;border-left:1px solid #bd766839}
.wx-heart-paper header{display:flex;justify-content:space-between;font-size:10px;color:#a19b88;letter-spacing:1px}
.wx-heart-paper h2{font-family:serif;font-weight:500;font-size:23px;line-height:1.5;margin:21px 0 16px;color:#6a614d}
.wx-heart-writing{font-family:'Kaiti SC','KaiTi',serif;font-size:16px;line-height:30px;background:repeating-linear-gradient(transparent 0 29px,#9e937823 29px 30px);color:#6b6656}
.wx-heart-writing p{margin:0 0 15px}
.wx-heart-sign{text-align:right;font-family:serif;color:#8b8067;font-size:14px;margin-top:20px}
.wx-heart-cover{position:absolute;inset:0;border-radius:4px 12px 12px 4px;background:linear-gradient(90deg,#596d57,#819079 8%,#788a6e 13%,#788a6e 96%,#596d57);border:1px solid #9ca38b;transform-origin:0 50%;transform-style:preserve-3d;backface-visibility:hidden;transition:transform 1.1s cubic-bezier(.22,.65,.2,1),filter 1.1s;box-shadow:inset 0 0 0 7px #ffffff09,2px 3px 8px #0003;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#eee8d7}
.wx-heart-cover:before{content:'';position:absolute;inset:17px;border:1px solid #d3ceae55;border-radius:2px 6px 6px 2px}
.wx-heart-cover .wx-heart-tiny{font-size:10px;letter-spacing:5px;color:#e5dfbd99}
.wx-heart-cover h2{font:27px/1.6 serif;letter-spacing:6px;writing-mode:vertical-rl;height:230px;margin:22px 0}
.wx-heart-cover .wx-heart-name{font:12px serif;letter-spacing:3px}
.wx-heart-ribbon{position:absolute;top:0;right:29px;width:16px;height:62px;background:#c2a075;clip-path:polygon(0 0,100% 0,100% 100%,50% 84%,0 100%)}
.wx-heart-book.open .wx-heart-cover{transform:rotateY(-166deg);filter:brightness(.68);pointer-events:none}
.wx-heart-book.open .wx-heart-paper{animation:wxHeartPageLight 1.15s both}
.wx-heart-caption{color:#e3e4d9b3;font-size:11px;letter-spacing:2px;margin-top:28px}
.wx-heart-paper{padding-top:29px}
.wx-heart-book{max-width:320px}
.wx-heart-overlay{padding:38px}

.wx-heart-overlay{background:#52464bc9}
.wx-heart-book{height:430px;max-height:74dvh;filter:drop-shadow(5px 18px 20px #34202a40)}

.wx-heart-cover{cursor:pointer;background:radial-gradient(circle at 7px 7px,#b18c95 2.2px,transparent 2.7px) 0 0/28px 48px,radial-gradient(circle at 21px 31px,#b18c95 2.2px,transparent 2.7px) 0 0/28px 48px,#f1dfe2;border:1px solid #d4b9bf;border-radius:4px 9px 9px 4px;color:#735b61;box-shadow:inset 13px 0 #d5b6be,inset 17px 0 #fff6,3px 3px 9px #63434b30}

.wx-heart-cover:before{inset:112px 29px 118px 37px;background:#fffdf5;border:1px solid #d6c4c0;border-radius:2px;box-shadow:3px 4px 0 #ac82851a;transform:rotate(-3deg)}

.wx-heart-cover .wx-heart-tiny,.wx-heart-cover h2,.wx-heart-cover .wx-heart-name{position:relative;z-index:1;transform:rotate(-3deg)}

.wx-heart-cover .wx-heart-tiny{color:#a8878d;letter-spacing:3px;font-size:9px;margin-top:20px}

.wx-heart-cover h2{writing-mode:horizontal-tb;height:auto;font:600 24px/1.7 -apple-system,BlinkMacSystemFont,sans-serif;letter-spacing:2px;margin:15px 0 17px;border-bottom:1px solid #d4c1ba;padding-bottom:10px}

.wx-heart-cover .wx-heart-name{font:11px/1.6 sans-serif;letter-spacing:2px;color:#a08786}

.wx-heart-ribbon{top:96px;right:calc(50% - 39px);width:78px;height:27px;background:repeating-linear-gradient(90deg,#cda6b05c 0 7px,#f8e9eaa3 7px 14px);clip-path:polygon(3% 2%,18% 0,36% 3%,57% 1%,78% 3%,97% 0,95% 12%,99% 21%,96% 33%,100% 44%,96% 55%,98% 69%,94% 80%,97% 97%,79% 100%,61% 97%,42% 100%,24% 98%,2% 100%,4% 85%,0 73%,3% 61%,1% 49%,5% 37%,1% 24%,4% 14%);transform:rotate(-8deg);z-index:2;box-shadow:inset 0 1px 1px #fff8,inset 0 -1px 1px #b88e9833}

.wx-heart-ribbon:after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(6deg,transparent 0 2px,#fff3 2px 2.5px,transparent 2.5px 4px),repeating-linear-gradient(93deg,transparent 0 3px,#ab879014 3px 3.5px,transparent 3.5px 6px);pointer-events:none}

.wx-heart-paper{background:#fffdf5;border:7px solid #ead5da;border-left-width:12px;border-radius:4px 9px 9px 4px;padding:25px 19px 24px 29px;box-shadow:inset 7px 0 11px #88667313,3px 2px #e8ddd2,6px 4px #fff9f0}

.wx-heart-paper:before{left:17px;top:0;bottom:0;border:0;width:2px;background:#e8c9cf}

.wx-heart-paper header{color:#a28287;letter-spacing:.5px;border-bottom:1px solid #dac5c5;padding-bottom:10px}

.wx-heart-paper h2{font:600 21px/1.6 -apple-system,BlinkMacSystemFont,sans-serif;color:#785d66;margin:19px 0 16px}

.wx-heart-writing{color:#746769;font-size:15px;line-height:29px;background:repeating-linear-gradient(transparent 0 28px,#cbb6b526 28px 29px)}

.wx-heart-sign{color:#a27d89}
.wx-heart-caption{color:#fff0efc9}
.wx-heart-close{background:#fff3;color:#fff7f4}

.wx-heart-book:after{content:'';pointer-events:none;position:absolute;z-index:3;left:-8px;top:22px;bottom:22px;width:23px;background:repeating-linear-gradient(to bottom,transparent 0 17px,#bfa6ab 17px 19px,#f8eaed 19px 23px,#bea3a9 23px 25px,transparent 25px 35px);border-radius:5px;filter:drop-shadow(1px 2px 1px #67434a33)}

.wx-heart-book.open .wx-heart-cover{filter:brightness(.9)}
.wx-heart-overlay{padding:30px}
.wx-heart-paper{padding-top:24px}
.wx-heart-overlay{position:fixed;inset:0;z-index:1200;padding:50px 30px}.wx-heart-book{width:min(320px,100%);height:430px;max-height:74dvh}.wx-heart-close{top:max(18px,env(safe-area-inset-top));right:18px;width:36px;height:36px;display:grid;place-items:center;padding:0;line-height:1}.wx-heart-close svg{display:block;width:16px;height:16px}.wx-heart-cover{padding:0;font:inherit}.wx-heart-writing{white-space:pre-wrap;overflow-wrap:anywhere}.wx-heart-cover:focus-visible{outline:2px solid white;outline-offset:5px}@keyframes wxHeartFade{from{opacity:0}to{opacity:1}}@keyframes wxHeartPageLight{from{filter:brightness(.55)}to{filter:brightness(1)}}@media(prefers-reduced-motion:reduce){.wx-heart-overlay,.wx-heart-paper,.wx-heart-cover{animation:none!important;transition:none!important}.wx-heart-book.open .wx-heart-cover{opacity:0;transform:none}}
.wx-heart-overlay,.wx-heart-overlay *{box-sizing:border-box}
.wx-heart-close{border:0;cursor:pointer}
.wx-heart-overlay{font:15px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}