| 1 |
- body{background-color:#f7f8fa}.container{min-height:100vh;background-color:#f7f8fa}.top-banner{background:linear-gradient(135deg,#ff9800,#ff5722);padding:.625rem .9375rem 1.125rem;border-radius:.625rem;margin:.625rem .9375rem 0;box-shadow:0 .1875rem .625rem rgba(255,87,34,.25)}.month-btn{display:flex;align-items:center;justify-content:flex-end;margin-bottom:.625rem}.month-text{font-size:.75rem;color:rgba(255,255,255,.95);background-color:rgba(255,255,255,.2);padding:.1875rem .4375rem;border-radius:.4375rem}.stats-grid{display:flex;flex-wrap:wrap;gap:.5rem}.stats-cell{width:calc(50% - .25rem);background-color:rgba(255,255,255,.15);border-radius:.375rem;padding:.625rem .75rem;display:flex;flex-direction:column;box-sizing:border-box}.stats-num{font-size:1.1875rem;font-weight:700;color:#fff;margin-bottom:.25rem}.stats-unit{font-size:.625rem;font-weight:400}.stats-num.reward-num{color:#fff}.stats-num.penalty-num{color:#fff176}.stats-label{font-size:.6875rem;color:rgba(255,255,255,.85);margin-bottom:.25rem}.stats-divider{height:.03125rem;background-color:rgba(255,255,255,.3);margin-bottom:.3125rem}.stats-sub{font-size:.625rem;color:rgba(255,255,255,.65)}.list-header{display:flex;align-items:center;background-color:#fff;padding:0 .5rem 0 .9375rem;margin:.5rem .9375rem 0;border-radius:.5rem .5rem 0 0}.tab-bar{display:flex;flex:1}.tab-item{padding:.5625rem .5rem 0;font-size:.875rem;color:#999;display:flex;flex-direction:column;align-items:center;position:relative}.tab-item:first-child{padding-left:0}.tab-item.active{color:#ff9800;font-weight:700}.tab-line{width:1rem;height:.09375rem;background-color:#ff9800;border-radius:.0625rem;margin-top:.25rem;align-self:center}.view-all-btn{padding:.25rem 0;margin-left:auto}.view-all-text{font-size:.75rem;color:#999}.record-list{background-color:#fff;padding:0 .9375rem;margin:0 .9375rem;border-radius:0 0 .5rem .5rem}.record-item{display:flex;align-items:center;padding:.75rem 0;border-bottom:.03125rem solid #f5f5f5}.ri-icon{width:2.25rem;height:2.25rem;border-radius:50%;background-color:#fff3e0;display:flex;align-items:center;justify-content:center;margin-right:.625rem;flex-shrink:0}.ri-icon.ri-penalty{background-color:#fafafa}.ri-icon-text{font-size:.9375rem;color:#ff9800;font-weight:700}.ri-icon.ri-penalty .ri-icon-text{color:#ccc}.ri-content{flex:1}.ri-title-row{display:flex;align-items:center;margin-bottom:.1875rem}.ri-date{font-size:.8125rem;color:#333;font-weight:700;margin-right:.3125rem}.ri-title{font-size:.8125rem;color:#333}.ri-desc{font-size:.75rem;color:#999}.ri-right{display:flex;flex-direction:column;align-items:flex-end;margin-left:.5rem}.ri-amount{font-size:1rem;font-weight:700;margin-bottom:.125rem}.ri-amount.positive{color:#ff5722}.ri-amount.negative{color:#333}.ri-status{font-size:.6875rem}.ri-status.pending{color:#ff9800}.ri-status.credited,.ri-status.deducted{color:#999}.more-hint{display:block;text-align:center;font-size:.75rem;color:#ccc;padding:.9375rem 0}.picker-mask{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:999;display:flex;align-items:flex-end}.picker-sheet{width:100%;background-color:#fff;border-radius:.75rem .75rem 0 0}.picker-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem .9375rem;border-bottom:.03125rem solid #f5f5f5}.picker-cancel{font-size:.875rem;color:#999}.picker-title{font-size:.9375rem;font-weight:700;color:#333}.picker-confirm{font-size:.875rem;color:#ff9800;font-weight:700}.picker-body{display:flex;height:12.5rem;position:relative;overflow:hidden}.picker-column{flex:1;height:12.5rem}.picker-col-item{height:2.5rem;line-height:2.5rem;text-align:center;font-size:.875rem;color:#333}.picker-col-item.picker-selected{color:#ff9800;font-weight:700;background-color:#fff3e0;border-radius:.25rem}.picker-highlight{position:absolute;top:50%;left:0;transform:translateY(-50%);width:100%;height:2.5rem;border-top:.03125rem solid #f0f0f0;border-bottom:.03125rem solid #f0f0f0;pointer-events:none}
|
