.reward-main-container{width:100vw;min-height:100vh;display:flex;flex-direction:column;background-color:#f8f7fc;align-items:center;padding-bottom:100px;box-sizing:border-box}.reward-page-container{width:100%;max-width:480px;background:#f8f7fc;display:flex;flex-direction:column;font-family:Inter,sans-serif}.reward-header{display:flex;align-items:center;justify-content:space-between;padding:16px;background:#fff;border-bottom:1px solid #f0edf6;position:sticky;top:0;z-index:10}.reward-back-btn{background:none;border:none;font-size:20px;color:#555;cursor:pointer;padding:6px;display:flex;align-items:center}.reward-header-center{display:flex;align-items:center;gap:8px;font-size:20px;color:#d81b60}.reward-header-center h2{font-size:18px;font-weight:600;color:#333;margin:0}.reward-hero{position:relative;overflow:hidden;margin:12px 14px 0;border-radius:20px;background:linear-gradient(135deg,#fce4ec,#f8bbd0,#f48fb1)}.reward-hero-bg{position:absolute;inset:0;opacity:.12;background:radial-gradient(circle at 20% 30%,#d81b60 0%,transparent 50%),radial-gradient(circle at 80% 70%,#7c6de0 0%,transparent 50%)}.reward-hero-content{position:relative;padding:24px 20px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px}.reward-hero-tier{display:flex;align-items:center;gap:5px;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.reward-hero-points{display:flex;flex-direction:column;align-items:center;margin:4px 0}.reward-points-number{font-size:40px;font-weight:800;color:#d81b60;line-height:1}.reward-points-label{font-size:13px;font-weight:600;color:#ad1457;opacity:.7}.reward-hero-progress-wrap{width:100%;max-width:240px;display:flex;flex-direction:column;align-items:center;gap:6px;margin-top:6px}.reward-hero-progress-bar{width:100%;height:6px;background:#ffffff80;border-radius:3px;overflow:hidden}.reward-hero-progress-fill{height:100%;background:linear-gradient(90deg,#d81b60,#ad1457);border-radius:3px;transition:width .5s ease}.reward-hero-progress-text{font-size:11px;font-weight:600;color:#ad1457}.reward-section-tabs{display:flex;gap:0;margin:12px 14px 0;background:#fff;border-radius:14px;padding:4px;box-shadow:0 1px 4px #0000000a}.reward-section-tab{flex:1;padding:10px 8px;border:none;background:none;font-size:13px;font-weight:500;color:#999;cursor:pointer;border-radius:11px;transition:all .2s}.reward-section-tab.active{background:linear-gradient(135deg,#fce4ec,#f8bbd0);color:#d81b60;font-weight:600;box-shadow:0 2px 8px #d81b601f}.reward-earn-list{padding:12px 14px;display:flex;flex-direction:column;gap:10px}.reward-earn-card{display:flex;align-items:center;gap:12px;padding:14px;background:#fff;border-radius:16px;box-shadow:0 2px 8px #00000008}.reward-earn-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.reward-earn-info{flex:1;min-width:0}.reward-earn-info h4{margin:0;font-size:14px;font-weight:600;color:#2c2c2c}.reward-earn-info p{margin:2px 0 0;font-size:12px;color:#888;line-height:1.3}.reward-earn-points{font-size:12px;font-weight:700;flex-shrink:0;white-space:nowrap}.reward-tier-list{padding:12px 14px;display:flex;flex-direction:column;gap:12px}.reward-tier-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 2px 8px #00000008;border:2px solid transparent;transition:border-color .2s}.reward-tier-card.current{border-color:#d81b60}.reward-tier-header{padding:14px 16px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.reward-tier-name{display:flex;align-items:center;gap:5px;font-size:16px;font-weight:700}.reward-tier-range{font-size:11px;font-weight:600;color:#999;margin-left:auto}.reward-tier-current-badge{font-size:10px;font-weight:700;color:#fff;background:#d81b60;padding:3px 8px;border-radius:6px}.reward-tier-perks{padding:0 16px 14px;display:flex;flex-direction:column;gap:8px}.reward-tier-perk{display:flex;align-items:center;gap:8px;font-size:13px;color:#555}.reward-tier-perk svg{flex-shrink:0}.reward-redeem-banner{display:flex;align-items:center;gap:8px;margin:12px 14px 0;padding:11px 14px;background:#fff;border:1px solid #f3d9e6;border-radius:14px;font-size:12px;color:#7a5468;line-height:1.35}.reward-redeem-banner svg{color:#d81b60;flex-shrink:0}.reward-checkin-card{display:flex;align-items:center;justify-content:space-between;margin:12px 14px 0;padding:14px;background:#fff;border-radius:16px;box-shadow:0 2px 8px #00000008}.reward-checkin-left{display:flex;align-items:center;gap:10px}.reward-checkin-left>svg{color:#704dff}.reward-checkin-left div{display:flex;flex-direction:column}.reward-checkin-left strong{font-size:14px;color:#2c2c2c}.reward-checkin-left span{font-size:11.5px;color:#999;margin-top:1px}.reward-checkin-card>button{border:none;background:linear-gradient(135deg,#d81b60,#ad1457);color:#fff;font-weight:700;font-size:13px;padding:9px 16px;border-radius:10px;display:flex;align-items:center;gap:5px;cursor:pointer}.reward-checkin-card>button:disabled{background:#f0eef4;color:#9a9aa5}.reward-referral-card{margin:12px 14px 0;padding:16px;background:#fff;border-radius:16px;box-shadow:0 2px 8px #00000008;display:flex;flex-direction:column;gap:8px}.reward-referral-head{display:flex;align-items:center;gap:6px;font-size:14px;color:#2c2c2c}.reward-referral-head svg{color:#704dff}.reward-ref-count{margin-left:auto;font-size:10.5px;font-weight:700;color:#d81b60;background:#d81b6014;padding:2px 8px;border-radius:20px}.reward-referral-card p{margin:0;font-size:12px;color:#888;line-height:1.35}.reward-refcode{display:flex;gap:8px;align-items:center}.reward-refcode code{flex:1;font-family:Courier New,monospace;font-weight:800;letter-spacing:2px;font-size:15px;color:#1a1a2e;background:#fdf1f6;border:1px dashed #f3b6d0;border-radius:10px;padding:9px 12px;text-align:center}.reward-refcode button{width:40px;height:40px;border:1px solid #eee;background:#fff;border-radius:10px;color:#d81b60;display:flex;align-items:center;justify-content:center;cursor:pointer}.reward-ref-apply{display:flex;gap:8px}.reward-ref-apply input{flex:1;border:1px solid #eee;border-radius:10px;padding:9px 12px;font-size:13px;outline:none;text-transform:uppercase}.reward-ref-apply input:focus{border-color:#d81b60}.reward-ref-apply button{border:none;background:#1a1a2e;color:#fff;font-weight:700;font-size:13px;padding:0 16px;border-radius:10px;cursor:pointer}.reward-ref-apply button:disabled{opacity:.6}.reward-ref-msg{font-size:11.5px;font-weight:600}.reward-ref-msg.ok{color:#2e9e5b}.reward-ref-msg.err{color:#e53935}.reward-history{padding:12px 14px;display:flex;flex-direction:column;gap:8px}.reward-hist-row{display:flex;align-items:center;justify-content:space-between;background:#fff;border-radius:12px;padding:12px 14px;box-shadow:0 1px 4px #00000008}.reward-hist-info{display:flex;flex-direction:column;gap:2px;min-width:0}.reward-hist-title{font-size:13px;font-weight:600;color:#333}.reward-hist-date{font-size:11px;color:#999}.reward-hist-pts{font-size:14px;font-weight:800;flex-shrink:0}.reward-hist-pts.pos{color:#2e9e5b}.reward-hist-pts.neg{color:#e53935}.reward-loadmore{align-self:center;margin-top:6px;background:#fff;border:1px solid #eee;border-radius:10px;padding:9px 22px;font-weight:600;font-size:13px;color:#d81b60;cursor:pointer}.reward-empty{display:flex;flex-direction:column;align-items:center;gap:10px;padding:50px 20px;text-align:center;color:#999}.reward-empty.small{padding:36px 20px}.reward-empty svg{color:#f3b6d0}.reward-empty button{border:none;background:#d81b60;color:#fff;font-weight:600;padding:9px 22px;border-radius:10px;cursor:pointer}.reward-skel{margin:12px 14px 0;border-radius:16px;background:linear-gradient(90deg,#efefef 25%,#e6e6e6 37%,#efefef 63%);background-size:400% 100%;animation:reward-shimmer 1.3s ease infinite}.reward-skel.hero{height:150px}.reward-skel.row{height:64px}@keyframes reward-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.reward-toast{position:fixed;bottom:90px;left:50%;transform:translate(-50%);background:#1a1a2e;color:#fff;padding:11px 20px;border-radius:12px;font-size:13px;font-weight:600;box-shadow:0 8px 24px #00000040;z-index:3000;max-width:88vw;text-align:center;animation:reward-toast-in .25s ease}@keyframes reward-toast-in{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}@media (max-width: 480px){.reward-hero,.reward-section-tabs{margin:10px 10px 0}.reward-earn-list,.reward-tier-list{padding:10px}.reward-points-number{font-size:34px}.reward-earn-card{padding:12px;gap:10px}.reward-earn-icon{width:40px;height:40px}}