*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--primary-color: #409eff;--success-color: #67c23a;--warning-color: #e6a23c;--danger-color: #f56c6c;--info-color: #909399;--bg-color: #f5f7fa;--card-bg: #ffffff;--text-primary: #303133;--text-regular: #606266;--text-secondary: #909399;--border-color: #e4e7ed;--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-bottom: env(safe-area-inset-bottom, 0px);--header-height: 56px;--bottom-nav-height: 56px}html{font-size:16px;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;background:var(--bg-color);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{min-height:100vh;padding-top:var(--safe-area-top);padding-bottom:var(--safe-area-bottom)}.page-container{padding:16px 16px calc(16px + var(--bottom-nav-height))}.page-container-no-nav{padding:16px}.mobile-card{background:var(--card-bg);border-radius:12px;padding:16px;margin-bottom:12px;box-shadow:0 1px 4px #0000000f}.section-title{font-size:16px;font-weight:600;color:var(--text-primary);padding:12px 0 8px}.status-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:4px;font-size:12px;font-weight:500}.status-badge.pending{background:#fdf6ec;color:#e6a23c}.status-badge.progress{background:#ecf5ff;color:#409eff}.status-badge.completed{background:#f0f9eb;color:#67c23a}.status-badge.cancelled{background:#fef0f0;color:#f56c6c}.status-badge.closed{background:#f4f4f5;color:#909399}.action-bar{display:flex;gap:8px;padding:12px 0}.action-bar .el-button{flex:1}.search-bar{display:flex;gap:8px;margin-bottom:12px}.search-bar .el-input{flex:1}.empty-state{text-align:center;padding:48px 0;color:var(--text-secondary)}.empty-state .el-icon{font-size:48px;margin-bottom:12px}.list-item{display:flex;align-items:center;padding:14px 0;border-bottom:1px solid var(--border-color)}.list-item:last-child{border-bottom:none}@media (min-width: 768px){body{max-width:100%;margin:0;border:none;box-shadow:none}}.el-dialog{--el-dialog-width: 90% !important;max-width:400px}.el-message-box{--el-messagebox-width: 85% !important;max-width:360px}