| 1 |
- body{background-color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.nav-bar{position:fixed;top:0;left:0;width:100%;height:2.75rem;background-color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 .9375rem;padding-top:var(--status-bar-height);box-sizing:border-box;z-index:100;border-bottom:.03125rem solid #f5f5f5}.nav-placeholder{height:calc(2.75rem + var(--status-bar-height))}.back-icon{width:1.25rem;height:1.25rem}.nav-title{font-size:1.0625rem;font-weight:700;color:#333}.nav-right{width:1.25rem;display:flex;justify-content:flex-end}.more-dots{display:flex;gap:.125rem}.dot{width:.1875rem;height:.1875rem;background-color:#333;border-radius:50%}.message-list{padding:0 .9375rem}.message-item{display:flex;align-items:center;padding:.9375rem 0;border-bottom:.03125rem solid #f5f5f5}.icon-wrapper{position:relative;margin-right:.9375rem}.msg-icon{width:3rem;height:3rem;border-radius:50%}.red-dot-badge{position:absolute;top:0;right:0;width:.5rem;height:.5rem;background-color:#ff3b30;border-radius:50%;border:.0625rem solid #fff}.content-wrapper{flex:1;display:flex;flex-direction:column}.top-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.3125rem}.msg-title{font-size:.875rem;font-weight:700;color:#333}.msg-time{font-size:.75rem;color:#999}.msg-preview{font-size:.8125rem;color:#666;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:15.625rem}
|
