.container { max-width: 800px; margin: 0 auto; padding: 20px; font-family: Arial, sans-serif; } .transfer-form { background-color: #f5f5f5; padding: 20px; border-radius: 8px; margin-bottom: 20px; } .input-row { display: flex; gap: 10px; margin-bottom: 15px; } .input-row .input-group { flex: 1; } .input-group { display: flex; gap: 10px; } .input-group input { flex: 1; padding: 10px; border: 1px solid #ddd; border-radius: 4px; } .green-btn { width: 100%; padding: 12px; background-color: #00cc66; color: white; border: none; border-radius: 4px; font-size: 16px; cursor: pointer; } .order-section { margin-top: 30px; } .order-list { margin-top: 15px; } .order-item { border: 1px solid #eee; border-radius: 8px; padding: 15px; margin-bottom: 10px; } .order-item h3 { margin-top: 0; color: #333; } .order-item .status { display: inline-block; padding: 3px 8px; background-color: #ff9900; color: white; border-radius: 4px; font-size: 12px; margin-right: 10px; } .order-item .cancelled { background-color: #999; } .order-actions { margin-top: 10px; } .order-actions button { margin-right: 10px; padding: 6px 12px; border-radius: 4px; border: none; cursor: pointer; } .select-btn { background-color: #0066cc; color: white; } .cancel-btn { background-color: #ff3300; color: white; }

/* 调试信息面板样式 */
#debug-panel {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #f5f5f5;
  border-top: 2px solid #ff9500;
  padding: 10px;
  font-family: monospace;
  z-index: 99999; /* 提高z-index确保在微信浏览器中可见 */
  box-sizing: border-box; /* 确保padding不会导致横向滚动 */
  -webkit-box-sizing: border-box;
}

/* 为微信浏览器添加底部边距，防止内容被调试面板遮挡 */
body {
  padding-bottom: 180px !important;
  -webkit-padding-bottom: 180px !important;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

.debug-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
}

.debug-header h3 {
  margin: 0;
  color: #333;
}

#clear-debug {
  background-color: #ff9500;
  color: white;
  border: none;
  padding: 4px 8px;
  border-radius: 4px;
  cursor: pointer;
}

#debug-content {
  height: 150px !important;
  overflow-y: auto;
  background-color: #fff;
  padding: 8px;
  border-radius: 4px;
  border: 1px solid #ddd;
  font-size: 12px;
  -webkit-overflow-scrolling: touch; /* 启用微信浏览器平滑滚动 */
  word-wrap: break-word; /* 自动换行防止长文本溢出 */
  white-space: pre-wrap; /* 保留空格和换行符 */
}

.debug-log {
  margin: 2px 0;
  padding: 2px;
}

.debug-log.error {
  color: #ff3b30;
}

.debug-log.info {
  color: #007aff;
}