| 1 |
- .container{background-color:#f8f9fa;min-height:100vh}.nav-bar{background-color:#fff;padding-top:var(--status-bar-height);padding-left:.9375rem;padding-right:.9375rem;height:2.75rem;box-sizing:content-box;display:flex;justify-content:space-between;align-items:center;position:-webkit-sticky;position:sticky;top:0;z-index:100}.nav-left{height:100%;display:flex;align-items:center;width:1.875rem}.back-icon{width:1.25rem;height:1.25rem;transform:rotate(180deg)}.nav-title{font-size:.875rem;font-weight:700;color:#333}.nav-right{width:1.875rem}.points-card{margin:.625rem .9375rem;height:9.375rem;background:linear-gradient(135deg,#ffb74d,#ff9800);border-radius:.625rem;position:relative;padding:.9375rem;box-sizing:border-box;overflow:hidden;color:#fff;box-shadow:0 .125rem .5rem rgba(255,152,0,.2)}.bg-decor{position:absolute;right:-.625rem;bottom:-.625rem;width:5.625rem;height:5.625rem;opacity:.3}.card-header{display:flex;justify-content:space-between;align-items:center}.equity-btn{display:flex;align-items:center;font-size:.8125rem}.equity-icon{width:1rem;height:1rem;margin-right:.25rem;border-radius:50%;background:rgba(255,255,255,.3)}.detail-link{font-size:.75rem;opacity:.9}.card-body{margin-top:1.875rem}.label{font-size:.8125rem;opacity:.9;display:block;margin-bottom:.3125rem}.value{font-size:2rem;font-weight:700}.record-container{background-color:#fff;border-radius:.625rem .625rem 0 0;padding:.9375rem;min-height:15.625rem}.record-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.625rem}.header-title{font-size:.9375rem;font-weight:700;color:#333}.header-more{display:flex;align-items:center}.header-more uni-text{font-size:.75rem;color:#999}.more-icon{width:.75rem;height:.75rem;margin-left:.125rem}.tabs-row{display:flex;border-bottom:.03125rem solid #f5f5f5;margin-bottom:.625rem}.tab-item{margin-right:1.25rem;padding-bottom:.375rem;font-size:.875rem;color:#666;position:relative;display:flex;flex-direction:column;align-items:center}.tab-item.active{font-weight:700;color:#333}.tab-line{width:.875rem;height:.125rem;background-color:#ff9800;border-radius:.125rem;position:absolute;bottom:0}.list-item{display:flex;justify-content:space-between;padding:.75rem 0;border-bottom:.03125rem solid #f9f9f9}.item-left{display:flex;flex-direction:column}.item-title{font-size:.875rem;color:#333;margin-bottom:.25rem;font-weight:500}.item-desc{font-size:.75rem;color:#999;margin-bottom:.1875rem}.item-time{font-size:.6875rem;color:#ccc}.item-right{display:flex;flex-direction:column;align-items:flex-end}.item-amount{font-size:.9375rem;font-weight:700;margin-bottom:.25rem}.item-amount.income{color:#ff9800}.item-amount.expense{color:#333}.item-tag{display:inline-flex;justify-content:flex-end}.item-tag uni-text{background-color:#f5f5f5;padding:.125rem .375rem;border-radius:.1875rem;font-size:.6875rem;color:#999}
|
