.engagement-gifts{display:grid;grid-template-columns:1fr 1fr;gap:10px}.engagement-gifts button{border:1px solid #f0d7dc;border-radius:12px;background:#fff7f8;padding:12px;color:#7c3041;text-align:left}.engagement-gifts b,.engagement-gifts small{display:block}.engagement-gifts small{margin-top:4px;color:#9b7880}.engagement-balance{margin:9px 0 0;color:#888;font-size:12px}.engagement-login{width:100%;margin-top:12px;padding:10px;border:1px solid #dfe4ff;border-radius:12px;background:#f4f6ff;color:#465ee8}.engagement-comments article{padding:10px 0;border-bottom:1px solid #eee}.engagement-comments article p{margin:5px 0;line-height:1.5}.engagement-comments article small{color:#999}#commentForm{display:flex;align-items:stretch;gap:8px;margin-top:12px}#commentForm>div{position:relative;min-width:0;flex:1}#commentForm input{width:100%;height:100%;border:1px solid #ddd;border-radius:10px;padding:10px 52px 10px 10px}#commentForm div small{position:absolute;right:8px;bottom:6px;color:#aaa;font-size:9px}#commentForm button{border:0;border-radius:10px;background:#465ee8;color:#fff;padding:0 15px}#commentForm button:disabled{background:#d8dbe5;color:#999}
.engagement-popularity{display:block;margin-bottom:9px}.engagement-fans{display:grid;gap:6px;margin-bottom:10px}.engagement-fans>span{display:grid;grid-template-columns:24px 1fr auto;align-items:center;padding:7px 9px;border-radius:10px;background:#f7f8fc}.engagement-fans i{display:grid;width:20px;height:20px;place-items:center;border-radius:50%;background:#ffefe5;color:#e66232;font-size:10px;font-style:normal}.engagement-fans em{color:#e66232;font-size:11px;font-style:normal}.engagement-fans>small{padding:8px;color:#999;text-align:center}
.engagement-gifts button:disabled{border-color:#ececf1;background:#f7f7f9;color:#aaa;cursor:not-allowed}.engagement-gifts button:disabled small{color:#aaa}
.engagement-tip-entry{display:flex;width:100%;align-items:center;gap:10px;margin-top:10px;border:1px solid #e2dcff;border-radius:12px;background:#f7f5ff;padding:10px 12px;color:#6b50c8;text-align:left}.engagement-tip-entry>i{display:grid;width:28px;height:28px;place-items:center;border-radius:50%;background:#ebe5ff;font-style:normal}.engagement-tip-entry span{display:flex;flex:1;flex-direction:column}.engagement-tip-entry small{margin-top:2px;color:#9a8acb}.gift-sheet-mask{display:none;position:fixed;z-index:90;inset:0;background:rgba(14,18,35,.55);align-items:flex-end}.gift-sheet-mask.show{display:flex}.gift-sheet{width:100%;max-height:82vh;overflow:auto;border-radius:22px 22px 0 0;background:#fff;padding:18px 16px calc(24px + env(safe-area-inset-bottom))}.gift-sheet header{display:flex;justify-content:space-between;align-items:flex-start}.gift-sheet header>div{display:flex;flex-direction:column}.gift-sheet header small{margin-top:3px;color:#999}.gift-sheet header button{border:0;background:none;font-size:25px;color:#999}.gift-sheet h4{margin:18px 0 9px}.gift-sheet-title{display:flex;align-items:center;justify-content:space-between}.gift-sheet-title small{color:#888}.gift-sheet-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.gift-sheet-grid.point-grid{grid-template-columns:repeat(3,1fr)}.gift-sheet-grid button{display:flex;min-width:0;flex-direction:column;align-items:center;border:1px solid #ececf3;border-radius:13px;background:#fafafe;padding:11px 5px;color:#292b36}.gift-sheet-grid button i{font-size:20px;color:#6b50c8;font-style:normal}.gift-sheet-grid button b{margin-top:4px;font-size:13px}.gift-sheet-grid button small{color:#e46a45}.gift-sheet-grid button em{margin-top:3px;color:#8b8e99;font-size:10px;font-style:normal}.gift-sheet-grid button:disabled{opacity:.4}.gift-craft{display:flex;width:100%;align-items:center;gap:4px;margin-top:9px;border:0;border-radius:10px;background:#fff4df;padding:9px;color:#96621e;font-size:11px}.gift-craft span{margin-left:auto;font-weight:700}
.engagement-gifts button.dim,.gift-sheet-grid button.dim{opacity:.4}
.gift-confirm-mask,.gift-success-mask{display:none;position:fixed;z-index:110;inset:0;align-items:center;justify-content:center;background:rgba(14,18,35,.58);padding:24px}.gift-confirm-mask.show,.gift-success-mask.show{display:flex}.gift-confirm-card,.gift-success-card{position:relative;width:min(100%,340px);border-radius:22px;background:#fff;padding:24px;text-align:center;box-shadow:0 18px 55px rgba(7,12,35,.28)}.gift-confirm-card>i{display:grid;width:46px;height:46px;margin:0 auto 10px;place-items:center;border-radius:50%;background:#f0edff;color:#6b50c8;font-size:25px;font-style:normal}.gift-confirm-card h3{margin:0 0 10px}.gift-confirm-card>b{display:block;color:#6b50c8;font-size:17px}.gift-confirm-card p,.gift-success-card p{margin:7px 0 18px;color:#888;font-size:12px}.gift-confirm-card footer{display:grid;grid-template-columns:1fr 1fr;gap:9px}.gift-confirm-card footer button{border:0;border-radius:12px;padding:12px;background:#f1f2f6;color:#656873}.gift-confirm-card footer button:last-child{background:#465ee8;color:#fff}.gift-success-card>b{display:block;color:#26377f;font-size:20px}.gift-success-card p{margin-bottom:0;font-size:13px}.gift-spark{position:absolute;left:50%;top:42%;width:7px;height:12px;border-radius:3px;background:#3b5be0;animation:giftSpark .8s ease-out both}.gift-spark:nth-child(2n){background:#ffd166}.gift-spark:nth-child(3n){background:#ff8f5a}.gift-spark:nth-child(4n){background:#6fe0a0}.gift-spark:nth-child(1){--x:-105px;--y:-65px}.gift-spark:nth-child(2){--x:-72px;--y:-96px}.gift-spark:nth-child(3){--x:-35px;--y:-78px}.gift-spark:nth-child(4){--x:12px;--y:-98px}.gift-spark:nth-child(5){--x:55px;--y:-75px}.gift-spark:nth-child(6){--x:98px;--y:-52px}.gift-spark:nth-child(7){--x:-96px;--y:56px}.gift-spark:nth-child(8){--x:-55px;--y:84px}.gift-spark:nth-child(9){--x:-15px;--y:67px}.gift-spark:nth-child(10){--x:35px;--y:88px}.gift-spark:nth-child(11){--x:73px;--y:63px}.gift-spark:nth-child(12){--x:102px;--y:35px}@keyframes giftSpark{0%{opacity:0;transform:translate(0,0) rotate(0)}25%{opacity:1}100%{opacity:0;transform:translate(var(--x),var(--y)) rotate(210deg)}}@media(prefers-reduced-motion:reduce){.gift-spark{animation:none;display:none}}