| 1 |
- .container{background-color:#f8f9fa;min-height:100vh;display:flex;flex-direction:column}.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}.wallet-card{margin:.625rem .9375rem 0;height:9.375rem;background:linear-gradient(135deg,#ff6b00,#ff8f00);border-radius:.625rem;position:relative;overflow:hidden;color:#fff;box-shadow:0 .125rem .5rem rgba(255,107,0,.15)}.bg-circle{position:absolute;border-radius:50%;background:rgba(255,255,255,.08)}.bg-circle.big{width:12.5rem;height:12.5rem;right:-3.125rem;bottom:-4.6875rem}.bg-circle.small{width:6.25rem;height:6.25rem;right:2.5rem;bottom:1.25rem}.card-content{position:relative;z-index:1;padding:.9375rem;height:100%;box-sizing:border-box;display:flex;flex-direction:column}.card-top{display:flex;justify-content:space-between;align-items:center}.app-info{display:flex;align-items:center}.app-logo{width:.875rem;height:.875rem;background-color:transparent;margin-right:.3125rem;border-radius:0}.app-name{font-size:.8125rem;font-weight:500}.bill-btn{font-size:.8125rem;opacity:.9}.bill-btn uni-text{font-size:.8125rem;opacity:.95}.balance-container{margin-top:auto;display:flex;justify-content:space-between;align-items:flex-end;padding-bottom:.3125rem}.balance-main{display:flex;flex-direction:column}.balance-label{font-size:.75rem;opacity:.9;margin-bottom:.125rem}.balance-num{font-size:1.5rem;font-weight:700;line-height:1.1}.balance-pending{display:flex;flex-direction:column;align-items:flex-end;margin-bottom:.3125rem}.pending-label{font-size:.75rem;opacity:.9;margin-bottom:.125rem}.pending-num{font-size:.875rem;font-weight:700}.record-container{flex:1;background-color:#fff;margin:.75rem .75rem 0;border-radius:.625rem .625rem 0 0;padding:.9375rem .75rem}.record-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.header-title{font-size:.875rem;font-weight:700;color:#333}.header-more{display:flex;align-items:center;font-size:.75rem;color:#999}.more-icon{width:.75rem;height:.75rem;margin-left:.1875rem;display:block}.tabs-row{display:flex;border-bottom:.03125rem solid #f5f5f5;margin-bottom:.3125rem}.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:#ff6b00;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:.8125rem;color:#999;margin-bottom:.1875rem}.item-time{font-size:.75rem;color:#ccc}.item-right{display:flex;flex-direction:column;text-align:right}.item-amount{font-size:.875rem;font-weight:700;margin-bottom:.25rem}.item-amount.income{color:#4caf50}.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}
|
