.post-reward{margin:1.5rem;text-align:center;position:relative}.reward-button{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border:none;padding:.8rem 2rem;border-radius:25px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px rgba(102,126,234,.3);display:inline-flex;align-items:center;gap:.5rem}.reward-button:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(102,126,234,.4);filter:brightness(1.1)}.reward-button:active{transform:translateY(0)}.reward-button i{font-size:1rem}.reward-panel{position:absolute;bottom:100%;left:50%;transform:translateX(-50%)translateY(-10px);background:var(--bg-card);border:1px solid var(--border-light);border-radius:12px;padding:1.5rem;box-shadow:0 8px 24px rgba(0,0,0,.15);opacity:0;visibility:hidden;transition:all .3s ease;z-index:1000;width:min(420px,calc(100vw - 2rem));min-width:min(300px,calc(100vw - 2rem));max-width:calc(100vw - 2rem);margin-bottom:1rem;box-sizing:border-box}.post-reward:hover .reward-panel{opacity:1;visibility:visible;transform:translateX(-50%)translateY(0)}.reward-panel::after{content:'';position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid var(--bg-card)}.reward-title{font-size:.95rem;color:var(--text-primary);margin-bottom:1rem;font-weight:500;line-height:1.5}.reward-qrcodes{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));justify-content:center;gap:1rem;width:100%}.reward-qrcode{display:flex;flex-direction:column;align-items:center;gap:.5rem;min-width:0}.reward-qrcode img{display:block;width:min(150px,100%);height:150px;margin:0 auto;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);border:2px solid var(--border-light);object-fit:contain;background:#fff;transition:all .3s ease}.reward-qrcode img:hover{transform:scale(1.05);box-shadow:0 4px 12px rgba(0,0,0,.15)}.reward-qrcode p{margin:0;font-size:.85rem;color:var(--text-secondary);font-weight:500}@media(max-width:768px){.reward-button{padding:.7rem 1.5rem;font-size:.9rem}.reward-panel{width:min(360px,calc(100vw - 2rem));min-width:0;max-width:calc(100vw - 2rem);padding:1.2rem;left:50%;right:auto;transform:translateX(-50%)translateY(-10px)}.post-reward:hover .reward-panel{transform:translateX(-50%)translateY(0)}.reward-qrcodes{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.reward-qrcode img{width:min(140px,100%);height:140px}.reward-title{font-size:.9rem}}@media(max-width:480px){.post-reward{margin:1rem}.reward-button{padding:.6rem 1.2rem;font-size:.85rem}.reward-panel{width:min(320px,calc(100vw - 2rem));min-width:0;padding:1rem}.reward-qrcodes{grid-template-columns:1fr;gap:.8rem}.reward-qrcode img{width:min(150px,100%);height:150px}}[data-theme=dark] .reward-panel{background:var(--bg-card-dark);border-color:var(--border-dark)}[data-theme=dark] .reward-panel::after{border-top-color:var(--bg-card-dark)}[data-theme=dark] .reward-title{color:var(--text-primary-dark)}[data-theme=dark] .reward-qrcode img{border-color:var(--border-dark)}[data-theme=dark] .reward-qrcode p{color:var(--text-secondary-dark)}