#app{font-family:PingFang SC,Helvetica Neue,Helvetica,Hiragino Sans GB,Microsoft YaHei,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50}body,html{margin:0;padding:0;background-color:#f7f8fa}*{box-sizing:border-box}:root{--safe-bottom:50px}html{font-size:16px}body{font-size:14px;line-height:1.5;color:#333}.page-container{padding:16px;padding-bottom:calc(16px + var(--safe-bottom))}.safe-bottom{padding-bottom:var(--safe-bottom)}.pb-safe{padding-bottom:calc(16px + var(--safe-bottom))}.mb-safe{margin-bottom:var(--safe-bottom)}.text-primary{color:#1989fa}.text-success{color:#07c160}.text-warning{color:#ff976a}.text-danger{color:#ee0a24}.text-gray{color:#969799}.text-center{text-align:center}.flex{display:flex}.flex-column{flex-direction:column}.flex-center{justify-content:center;align-items:center}.flex-between{justify-content:space-between}.flex-1{flex:1}.mt-8{margin-top:8px}.mt-16{margin-top:16px}.mb-8{margin-bottom:8px}.mb-16{margin-bottom:16px}.page-container{padding-bottom:50px;background-color:#f7f8fa;min-height:100vh}.list-container{padding:10px}.list-item{margin-bottom:10px;border-radius:8px;box-shadow:0 2px 6px rgba(0,0,0,.05);background-color:#fff}.item-info{padding:5px 0;position:relative}.info-row{margin:5px 0;font-size:14px;color:#666}.label{color:#999;width:80px;display:inline-block}.status-tag{font-size:12px;padding:2px 6px;border-radius:10px}.status-unread{color:#1989fa;background-color:#e8f3ff}.status-read{color:#07c160;background-color:#e8f8f0}.status-approved{color:#07c160;font-weight:500}.status-rejected{color:#ee0a24;font-weight:500}.status-processed{color:#1989fa;font-weight:500}.action-area{margin-top:8px;display:flex;justify-content:flex-end}.detail-content{margin-top:12px}.content-box{padding:12px 16px;background-color:#fff;color:#333;line-height:1.6;font-size:14px;border-radius:0 0 8px 8px}.bottom-action{margin-top:20px;padding:0 5px}.empty-text{font-size:14px;color:#969799;margin-top:8px;text-align:center}