.page-state{padding:16px;text-align:center;color:#9b9b9b;font-size:13px}.page-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 24px;text-align:center}.page-loading__img{width:240px;max-width:60%;height:auto}.page-loading__text{margin:8px 0 0;padding:0 24px;font-size:16px;color:#2b2b2b;line-height:1.5}.page-tabs{display:flex;background:#fff;border-bottom:1px solid #eeeeee;position:sticky;top:0;z-index:10}.page-tab{flex:1;text-align:center;padding:12px 0;font-size:15px;color:#9b9b9b;cursor:pointer;border-bottom:2px solid transparent}.page-tab.is-active{color:#2b2b2b;font-weight:700;border-bottom-color:#ff5c39}.page-main--pad{padding:14px}.block-btn{display:flex;align-items:center;justify-content:center;gap:3px;min-height:28px;padding:4px 10px;border-radius:999px;border:1px solid rgba(51,51,51,.22);background:#fff;font-size:12px;color:#555}.block-btn:active{background:#f7f7f9}.block-btn svg{width:12px;height:12px;fill:#ff5c39;flex-shrink:0}.record-list{padding:0}.record-item{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#fff;border-bottom:1px solid #eeeeee;justify-content:space-between}.record-item__left{min-width:0;flex:1}.record-item__type{font-size:15px;color:#2b2b2b;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.record-item__time{margin-top:4px;font-size:12px;color:#9b9b9b}.record-item__desc{margin-top:2px;font-size:12px;color:#555;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.record-item__right{text-align:right;flex:none}.record-item__amount{font-size:17px;font-weight:600;color:#2b2b2b}.record-item__amount.is-positive{color:#2bb673}.record-item__amount.is-negative{color:#ff3b30}.record-item__status{margin-top:2px;font-size:12px;color:#9b9b9b}.record-loading,.record-empty,.record-nomore{padding:16px;text-align:center;color:#9b9b9b;font-size:13px}.record-card{display:flex;gap:12px;padding:14px 16px;margin:8px 12px;background:#f7f7f9;border-radius:8px}.record-card__icon{width:48px;height:48px;flex:none;object-fit:contain}.record-card__body{flex:1;min-width:0}.record-card__title{font-size:15px;font-weight:600;color:#2b2b2b;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.record-card__desc{margin-top:4px;font-size:13px;color:#555;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.record-card__date{margin-top:4px;font-size:12px;color:#9b9b9b}.record-card__status{align-self:center;flex:none;padding:5px 12px;border:1px solid #ff5c39;border-radius:999px;font-size:12px}.record-card__status.use{color:#fff;background:#ff5c39}.record-card__status.used{color:#ff5c39}.record-card__status.expire{color:#ff3b30;border-color:#ff3b30}.record-like{display:inline-flex;align-items:center;gap:4px;margin-top:8px;font-size:13px;color:#9b9b9b;cursor:pointer}.record-like.is-liked{color:#ff5c39}.record-like img{width:16px;height:16px}.record-share-amount{flex:none;align-self:center;text-align:center;font-size:20px;font-weight:700;color:#ff5c39}.record-share-amount .unit{display:block;margin-left:0;font-size:12px;font-weight:400;color:#9b9b9b}.record-share-tag{display:inline-block;margin-bottom:4px;padding:2px 8px;border-radius:999px;background:#ff5c39;font-size:11px;color:#fff}